I am a heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi.

I am a buttonI am a button

Fan cards, hover the card

I am a heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi.

I am a button

I am a heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi.

I am a button

I am a heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi.

I am a button

Company/person name

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec

Visit the link

Company/person name

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non.

Visit the link

Company/person name

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Visit the link

Company/person name

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Visit the link

Company/person name

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Visit the link

Fancy Features

Discover the features that make Fancy Framework Tool the perfect solution for your designs in Bricks Builder. With native integration, no plugins required, and a robust variable system, this CSS framework provides everything you need to create professional websites.

FAQs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris himenaeos.

It is special because it simplifies Item numbering automatically. This makes it perfect for projects with query loops or dynamic content, saving you time and effort.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris himenaeos.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris himenaeos.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero uctus non, massa. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris himenaeos.

Fancy and minimal Hero

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, text-body, and light). 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!

This feature allows the accordion to automatically expand and collapse after a set amount of time, creating a smooth transition effect without requiring user interaction.

When the user hovers over the accordion, the autoplay pauses temporarily, allowing the user to read or interact with the content without interruptions. Additionally, keyboard navigation is supported, making the accordion more accessible.

The autoplay duration can be customized, allowing the interval between accordion transitions to be adjusted according to the user's preferences or the website's design needs.

Find in the CSS of the .fb-accordion-autoplay class the variables for easy configuration.