Skip to content

ClassyBlocks

Type: FREE | Version: 2.3.6 | WP: WordPress 5.8+ | PHP: PHP 7.4+ Slug: studio-immens-css-classes

Add custom CSS classes to Gutenberg blocks with live preview, support for 9 CSS frameworks, and a powerful class manager with export/import.

Features

  • 9 built-in CSS frameworks: Bootstrap 5.3.3, Tailwind CSS, Bulma, UIkit, Materialize, Pure CSS, Spectre, Semantic UI, Foundation
  • Live preview of classes in the Gutenberg editor
  • CSS editor with CodeMirror and 4 pseudo-states (:hover, :focus, :active, :visited)
  • 5 preloaded preset packs (~140 classes): Layout, Spacing, Typography, Effects, Interactive
  • Pack Manager: create, export and import class packs
  • Tailwind custom config via JSON
  • Smart framework loading only when needed
  • Custom Gutenberg block for arbitrary per-post CSS
  • Dashboard class statistics
  • Full Italian translation
  • WP Consent API support

FAQ

Is ClassyBlocks free?

Yes, the plugin is free and available on WordPress.org. The Pro version (ClassyBlocks Pro) adds scroll-driven animations and the Pack Manager.

Which themes is it compatible with?

It works with any theme using the Gutenberg editor, including Blocksy, GeneratePress, Astra and Kadence.

How do I apply a class to a block?

Open the ClassyBlocks panel in the editor sidebar, select the block and check the desired class: the live preview shows the effect before saving.

Which CSS frameworks are included?

Nine: Bootstrap 5.3.3, Tailwind CSS, Bulma, UIkit, Materialize, Pure CSS, Spectre, Semantic UI and Foundation.

→ Go to installation | → Configuration

Studio Immens - Technical documentation