{"id":1132,"date":"2026-05-28T14:36:57","date_gmt":"2026-05-28T12:36:57","guid":{"rendered":"https:\/\/studioimmens.com\/classy-blocks\/"},"modified":"2026-06-23T00:40:12","modified_gmt":"2026-06-22T22:40:12","slug":"classy-blocks","status":"publish","type":"page","link":"https:\/\/studioimmens.com\/en\/classy-blocks\/","title":{"rendered":"Classy Blocks \u2014 Libreria Gratuita di Animazioni CSS per Gutenberg"},"content":{"rendered":"<div class=\"wp-block-cover alignfull is-layout-flow wp-block-cover-is-layout-flow\" style=\"min-height:60vh;padding-top:0;padding-bottom:0;padding-left:0;padding-right:0;background-color:#14191f;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background\" style=\"background-color:#14191f\"><\/span><div class=\"wp-block-cover__inner-container\">\n<div style=\"text-align:center;padding:100px 20px 60px;max-width:800px;margin:0 auto\">\n<p style=\"color:#1f9aff;text-transform:uppercase;letter-spacing:4px;font-weight:600;font-size:0.85rem;margin:0\">WordPress.org \u2014 Gratuito<\/p>\n<h1 style=\"color:#ffffff;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;margin:12px 0 0\">Classy Blocks<\/h1>\n<p style=\"color:#b0b8c4;font-size:1.15rem;max-width:700px;margin:16px auto 0;line-height:1.6\">La libreria gratuita di animazioni CSS per Gutenberg. Aggiungi effetti scroll-driven, entrance e hover ai tuoi blocchi. Leggero, veloce, compatibile con qualsiasi tema.<\/p>\n<p style=\"margin-top:24px\"><a href=\"https:\/\/wordpress.org\/plugins\/classyblocks\/\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-block;padding:16px 40px;border-radius:8px;font-weight:600;font-size:1.1rem;text-decoration:none;background:linear-gradient(135deg,#1f9aff,#1a7fe0);color:#fff\">Scarica Gratis da WordPress.org \u2192<\/a><\/p>\n<\/div>\n<\/div><\/div>\n\n\n\n<div style=\"padding:80px 20px;max-width:1100px;margin:0 auto\">\n<h2 style=\"text-align:center;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;color:#0d1117;margin-bottom:40px\">Cosa Fa Classy Blocks<\/h2>\n<div style=\"display:flex;gap:20px;flex-wrap:wrap;justify-content:center\">\n<div style=\"background:#fff;padding:35px 28px;border-radius:12px;border:1px solid #dce5ef;text-align:center;flex:1;min-width:220px\">\n<p style=\"font-size:2.5rem;margin:0 0 10px\">\u2728<\/p>\n<h3 style=\"color:#1f9aff;font-size:1.15rem;margin-top:0\">20 Animazioni CSS<\/h3>\n<p style=\"font-size:0.9rem;color:#6b7a8f;line-height:1.6\">Effetti scroll-driven, entrance, hover, float e fade. Abbastanza per dare vita al tuo sito. <strong style=\"color:#0d1117\">Zero JavaScript, solo CSS puro.<\/strong><\/p>\n<\/div>\n<div style=\"background:#fff;padding:35px 28px;border-radius:12px;border:1px solid #dce5ef;text-align:center;flex:1;min-width:220px\">\n<p style=\"font-size:2.5rem;margin:0 0 10px\">\ud83c\udfa8<\/p>\n<h3 style=\"color:#1f9aff;font-size:1.15rem;margin-top:0\">CSS Classi Personalizzate<\/h3>\n<p style=\"font-size:0.9rem;color:#6b7a8f;line-height:1.6\">Aggiungi classi CSS a qualsiasi blocco Gutenberg. Compatibile con <strong style=\"color:#0d1117\">Bootstrap, Tailwind, Bulma e tutti i framework CSS<\/strong>.<\/p>\n<\/div>\n<div style=\"background:#fff;padding:35px 28px;border-radius:12px;border:1px solid #dce5ef;text-align:center;flex:1;min-width:220px\">\n<p style=\"font-size:2.5rem;margin:0 0 10px\">\u26a1<\/p>\n<h3 style=\"color:#1f9aff;font-size:1.15rem;margin-top:0\">Leggero e Veloce<\/h3>\n<p style=\"font-size:0.9rem;color:#6b7a8f;line-height:1.6\">Men\u00f9 di 10KB. Nessuna dipendenza esterna. <strong style=\"color:#0d1117\">Non impatta sui Core Web Vitals.<\/strong> Funziona con qualsiasi tema WordPress.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"background:#14191f;padding:80px 20px\">\n<div style=\"max-width:900px;margin:0 auto\">\n<h2 style=\"text-align:center;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;color:#ffffff;margin-bottom:12px\">Free vs PRO<\/h2>\n<p style=\"text-align:center;color:#6b7a8f;max-width:600px;margin:0 auto 40px;font-size:0.95rem\">Classy Blocks free ti d\u00e0 le basi. Se vuoi il controllo completo, passa a ClassyBlocks Pro.<\/p>\n<div style=\"display:flex;gap:20px;flex-wrap:wrap;justify-content:center;max-width:850px;margin:0 auto\">\n<div style=\"background:#1c2533;padding:30px;border-radius:12px;border:1px solid #c0392b;flex:1;min-width:260px\">\n<h3 style=\"color:#ff6b6b;text-align:center;margin-top:0;font-size:1.1rem\">Classy Blocks Free<\/h3>\n<ul style=\"list-style:none;padding:0;color:#6b7a8f;font-size:0.9rem;line-height:2.4\">\n<li>\u2705 20 animazioni base<\/li>\n<li>\u2705 Classi CSS personalizzate<\/li>\n<li>\u2705 Compatibile framework CSS<\/li>\n<li>\u274c Solo JavaScript (AOS)<\/li>\n<li>\u274c Nessun pack aggiuntivo<\/li>\n<li>\u274c Nessun Pack Manager<\/li>\n<li>\u274c Nessuna anteprima live<\/li>\n<\/ul>\n<\/div>\n<div style=\"background:#1c2533;padding:30px;border-radius:12px;border:2px solid #6248ca;flex:1;min-width:260px\">\n<h3 style=\"color:#00c7b1;text-align:center;margin-top:0;font-size:1.1rem\">ClassyBlocks PRO<\/h3>\n<ul style=\"list-style:none;padding:0;color:#b0b8c4;font-size:0.9rem;line-height:2.4\">\n<li>\u2705 151 animazioni (131 in pi\u00f9)<\/li>\n<li>\u2705 CSS nativo + polyfill JS<\/li>\n<li>\u2705 Polyfill automatico Safari\/Firefox<\/li>\n<li>\u2705 Pack Manager import\/export<\/li>\n<li>\u2705 Anteprima live in editor<\/li>\n<li>\u2705 12 pack completi<\/li>\n<li>\u2705 Animazioni personalizzate<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div style=\"text-align:center;margin-top:30px\">\n<p style=\"color:#6b7a8f;margin-bottom:16px\">Sblocca 151 animazioni scroll-driven con CSS nativo, zero JavaScript su Chrome\/Edge. Da 6,90\u20ac\/mese.<\/p>\n<a href=\"\/en\/classyblocks-pro\/\" style=\"display:inline-block;padding:14px 36px;border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none;background:linear-gradient(135deg,#1f9aff,#1a7fe0);color:#fff\">Scopri ClassyBlocks Pro \u2192<\/a>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"padding:60px 20px;max-width:800px;margin:0 auto;text-align:center\">\n<h2 style=\"font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:600;color:#0d1117;margin-bottom:12px\">Open Source e Gratuito per Sempre<\/h2>\n<p style=\"color:#6b7a8f;font-size:1rem;line-height:1.6;margin-bottom:20px\">Classy Blocks \u00e8 un plugin open source rilasciato sotto licenza GPL. Puoi scaricarlo, installarlo e usarlo su quanti siti vuoi, senza limiti. Se ti piace, lascia una recensione su WordPress.org. Se hai bisogno di pi\u00f9 potenza, passa a ClassyBlocks Pro.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/classyblocks\/\" target=\"_blank\" rel=\"noopener\" style=\"display:inline-block;padding:14px 36px;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;background:linear-gradient(135deg,#1f9aff,#1a7fe0);color:#fff\">Scarica Gratis da WordPress.org \u2192<\/a><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Cosa Fa Classy Blocks \u2728 20 Animazioni CSS Effetti scroll-driven, entrance, hover, float e fade. Abbastanza per dare vita al tuo sito. Zero JavaScript, solo CSS puro. \ud83c\udfa8 CSS Classi Personalizzate Aggiungi classi CSS a qualsiasi blocco Gutenberg. Compatibile con Bootstrap, Tailwind, Bulma e tutti i framework CSS. \u26a1 Leggero e Veloce Men\u00f9 di 10KB. [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","ai_primary_source":"1","visibility_scope":"both","ai_summary":"Classy Blocks e il plugin gratuito per creare e gestire classi CSS in Gutenberg. Integrato con 8 framework CSS: Bootstrap, Bulma, Materialize, UIkit e altri. Open Source GPL. Richiesto da ClassyBlocks Pro.","ai_intent":"informativo","ai_related_resources":"","ai_priority":3,"ai_entity_type":"SoftwareApplication","ai_is_based_on":"https:\/\/studioimmens.com\/classy-blocks","ai_citations":"Studio Immens - GitHub - WordPress.org","ai_mentions":"Classy Blocks, Gutenberg, CSS, Bootstrap, Tailwind, WordPress, framework CSS, open source, GPL","ai_speakable_selector":"","ai_chunk_hints":"Classy Blocks, CSS classes, Gutenberg, Bootstrap, framework CSS, gratuito, open source, GitHub","footnotes":""},"ai_visibility":[55],"class_list":["post-1132","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/pages\/1132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/comments?post=1132"}],"version-history":[{"count":5,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/pages\/1132\/revisions"}],"predecessor-version":[{"id":1740,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/pages\/1132\/revisions\/1740"}],"wp:attachment":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/media?parent=1132"}],"wp:term":[{"taxonomy":"ai_visibility","embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/ai_visibility?post=1132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}