Opens in a new tab
Log inStart free

Frameworks · Fancy Framework

The free Bricks framework behind every Fancy Bricks 3.0 template

One set of colors, spacing, radius and type, as Bricks' own global variables. Free, and every Fancy Bricks template is written on it first.

What Fancy Framework adds

  • Contrast guaranteed by construction

    Fixed-lightness tones, --text-on-primary, a warning in the panel.

  • Updates that don't change your site

    Plan, apply, undo. Hand edits stay.

  • Uninstall and nothing breaks

    Everything lives in Bricks' storage.

  • Grids without breakpoints

    Columns that fit the space they have.

  • Focus, touch and motion

    Focus ring, touch-area and reduced-motion variables.

  • Dark mode, from 1.1

    Each color by its job, so a dark site needs no second palette.

Your AI reads your variables and drafts changes

Through MCP, with the AI you already use. No API key in the plugin; nothing is applied without you.

Abilities your AI can call. Three read; propose-recipe drafts.

  • get-tokens
  • get-recipe
  • get-accessibility-report
  • propose-recipe

Applying changes is off unless you turn it on.

YouWhich of my colors can carry white text?

Your AI · reads with get-tokens and get-accessibility-reportYour --primary is too light for white text. Want a darker shade for buttons?

YouYes, propose it.

Draft left in the Fancy Framework panel · propose-recipeAdd --primary-dark, same hue, passes with white text.

Why every 3.0 template needs a framework

A 3.0 template reads your site's variables instead of carrying its own. The framework is where they live, and Fancy Framework is the free way to have them.

Already on Automatic.css or Core?

You don't need Fancy Framework. Every template ships in all three.

Compare the three frameworks

Questions, answered

Short answers about Fancy Framework. Can’t find yours? Write to us.

Ask a question

Yes. Every 3.0 template is built on your site’s variables instead of hard-coded values, so it ships in Fancy Framework, Automatic.css 4 or Core Framework. Fancy Framework is free, so there’s a no-cost option.

A framework like Fancy Framework gives Bricks Builder a shared set of CSS variables for color, spacing, radius and typography, so templates from a library match your site instead of looking hard-coded.

Yes. Every Fancy Bricks template ships in all three versions, so you can pick whichever framework your site already runs on.

No. The framework requirement only applies to the new Fancy Bricks 3.0 library; your Fancy Bricks 1.0 and 2.0 templates keep working as they are.

Yes. Fancy Framework is free and lives at fancyframework.com, so you can use Fancy Bricks 3.0 templates without paying for a framework.

Install it, then browse the free templates

Create a free account and paste your first section.

Free Bricks Builder templatesCompare frameworks