How it works?

Fancy Framework Tool is fully native and easy to integrate into Bricks Builder. Without needing additional plugins, simply import a JSON file for CSS variables, another JSON file for the color palette, and add a small CSS snippet. In just a few steps, you’ll have a framework ready use.

  • 01

    Import CSS Variables

    Download and import the JSON file with CSS variables directly into Bricks Builder. The variables will be organized into categories for quick and easy access, making them simple to use in your designs.

  • 02

    Set Up the Color Palette

    Import the JSON file with the predefined color palette (primary, secondary, base, and white). If you modify any color in the variables, those changes will automatically reflect in Bricks’ color palette for consistent adjustments across your site.

  • 03

    Add Custom CSS

    Copy and paste the provided CSS snippet into Bricks Builder’s custom code field. This CSS automatically sets section paddings, assigns font sizes, line heights, focus styles, and other basic adjustments using the framework’s variables

Watch videoEnjoy free!