Opens in a new tab
Log inStart free

Fancy Bricks 3.0 for Bricks Builder

Creative Bricks Builder templates that make your site stand out

Sections and native components for Bricks, built as one system. Copy them in your framework, Fancy Framework (free), Automatic.css or Core, and they pick up your colors, spacing and type.

Free templates with a free account. No card needed.

Your site

A section that already looks like yours

Colors, corners and type come from your framework.

Get startedLearn more

  • Templates
  • Components
  • Your framework

Your variables

Brand color

Corners

Change it once, every template follows.

Copy it for

  • Fancy Framework
  • Automatic.css
  • Core Framework

Bricks templates for every part of your site

Heroes, sliders, galleries, headers, pricing tables and WooCommerce pages. Start where your page starts.

See all templates
Hero sectionsSplit media, video, animated headlinesSliders and carouselsFull width, cards, logos, testimonialsGalleriesGrid, masonry, lightbox, flipHeaders and menusClassic, mega menu, sidebarPricing tablesCards, switches, comparison tablesWooCommerceProduct, shop, cart, checkout, account

Some templates are free with a free account. The full library is $99/year.

See plans

One design system, not a pile of layouts

Social icons, share buttons, tags, arrows, tabs and accordions all share the same five options. Pick a look, a tone, a shape, a size and a hover, and every piece fits next to every other piece.

  • Look
  • Tone
  • Shape
  • Size
  • Hover
Explore style families
DesignBricksMedellínShare
Look
Tone
Shape
Size
Hover

Try the five options, then hover the pieces.

Built on your CSS framework and your variables

Templates with fixed colors and pixel sizes never quite match your site. Every Fancy Bricks template reads your colors, spacing, radius and type from your framework instead.

Desktop first or mobile first: you choose when you copy.

Compare frameworks
fancy-framework.cssThe source every template is written in.
.fbk-card {
  padding: var(--card-padding);
  border-radius: var(--radius);
  background: var(--base-ultra-light);
  color: var(--text-color);
}
.fbk-card__title {
  font-size: var(--h3);
}

Name converted for this framework

Fancy Framework

Free, native to Bricks, installs in a minute. Start here if you don't use one yet.

Automatic.css 4

The same template, on your ACSS variables.

Core Framework

The same template, on your Core variables.

Copy, paste and adjust

Copy and paste into Bricks Builder in a minute. Some templates use a small script, so Bricks asks you to turn on Code execution once.

  1. Pick a template and your framework

    Set it once and every copy uses it.

  2. Click Copy and paste it into Bricks

    Classes and components come with it.

  3. Adjust it from the panel

    Content, options and variables, no CSS needed.

Native Bricks components, edited from the panel

Update a component once and every section that uses it follows.

Browse components

Some of the components

Accessible and clean by default

Built carefully, so you don't have to check.

Accessible

Built to WCAG 2.2 AA and checked with axe: keyboard focus, heading order, a pause button on anything that moves.

Copy and paste, nothing to install

Pick your framework, click Copy and paste it into Bricks. No import, no remote library, no license keys.

Clean code

BEM classes with the fbk- prefix and variables only. No stray pixels or hex colors.

Any background, and dark mode

Every template works on light, soft, dark or brand sections, and most follow Fancy Framework’s dark mode.

A note in the builder

Each template tells you what it does, what to adjust and what it needs.

No required plugins

Bricks and a framework are enough. The Fancy Bricks plugin adds extras.

Support tickets

Annual and lifetime plans get help by ticket or email, from the people who build the templates.

Unlimited sites

Use every template on your sites and your clients'.

What Bricks builders say

Long stories and one-liners from people who build with Fancy Bricks every week.

Great template Great design Great support

Sahal Rahman

Bricks builder

Very nice designs, save a lot of time and they are very well coded.

Sotiris Panodimos

Bricks builder

John at fancy bricks does a fantastic job with support, and I’m so grateful for all his help. Fancy bricks is a great platform to start your designs with Bricks Builder.

Matt

Vine Design

An excellent and very useful product to optimize your time and create very beautiful sites.

César Hernández

Bricks builder

Well-designed templates that integrate within Bricks. Loving the fresh designs that are pushed out regularly. The templates are also super responsive. Keep up the good work!

Gareth Wynn

Bricks builder

I have received some of the best customer service I have ever experienced from John. Its one thing to offer a great product, its another to provide great customer service to go with it. John has done both. I would highly encourage Fancy Bricks to anyone looking to level up their website.

Justin Gallant

Bricks builder

Bricks Builder is great tool and I am not a person tied to any web design tool, I use everything I need and that can be useful to me and my work! Fancy Bricks is at the very top of everything I do. Recommendation, a top accessory that turns a carriage with a stone wheel into a sports car.

Ivan Kruhak

Web Dizajn Radionica

I can only recommend FancyBricks - I've been using the paid version for about 3 months and I'm thrilled. Simple implementation that doesn't burden the template code, the ability to customize the template to suit the project, and fast support communication if needed. I highly recommend it to all BrickBuilder masters :-).

Lucie

Lucie Šestáková

Fancy Bricks templates are very beautiful. Their use significantly speeds up the creation of sites on Bricks. If you are a novice website сreator, then a set of these templates will allow you to quickly understand how everything works in Bricks using their example. A lifetime plan with a weekly updated list looks promising. Thank you, John Diaz, I am very happy with my purchase, and thank you for your passion.

Aleksandra Dovzhik

Webport.Studio

As a new developer and new adopter to Bricks Builder, I'm finding the templates that Fancy Bricks has created super helpful. The templates help me to get ideas started quickly and then adjust them to my personal liking. John has been working super hard to get more and more templates out to us on a weekly basis, and I love this determination of his to keep his clients happy. If you haven't already bought the lifetime plan, I highly recommend you do so while the price is so good! Can't wait to see more templates and components from Fancy Bricks!

Ramyt

Samsara Project

Fancy Bricks offers high-quality and attractive templates that have significantly improved the design of my project. The templates are not only aesthetically pleasing but also highly functional and easy to customize. As soon as I started using Fancy Bricks templates, I immediately noticed a significant difference in the quality of my projects. Their professional and elegant design received many compliments and contributed to increasing interest in my work. What impressed me the most is how easily I was able to modify and adapt the templates to my specific needs. The customization options are plentiful, and the provided instructions are clear and precise, making the process very intuitive. Fancy Bricks' customer service is also worth mentioning. The support team is always ready to help and answer questions, making the overall experience even more enjoyable. I highly recommend Fancy Bricks templates to anyone looking to improve the appearance and user-friendliness of their projects. You will not be disappointed by the quality and professionalism offered by this exceptional company.

Marc Llopis

Studio crabe Numérique

After been checking and evaluating a considerable variety of Bricks designs sets, I discovered John Díaz's work (we have the same Last Name but we aren't brothers hehe) with Fancy Bricks layouts and templates several months ago. And I remember that when I first saw his work at its early stages I exclaimed: 'WOW! This stuff looks promising!' At the moment I can completely confirm that expectations. Not only has he fulfilled everything he promised but he has offered more than expacted, attending new requests from Fancy Bricks community (you can check his roadmap here, where users can suggest and vote for news designs: https://roadmap.fancybricks.co/). With regular new layouts updates every week/month, I've found a solution for my Bricks projects in terms of stunning designs and templates. And it's continuously scaling... In conclusion, if I would had to highlight some aspects from John and his work would be his dedication to this project and his great aesthetic taste for design, with nicely built layout Bricks components. If you're wondering to invest in a worthwhile Bricks templates platform, this is a hidden gem in the Bricks ecosystem, you won't regret. It's claim ('I'll always try to surprise you with my templates') is really 100% true!!

Juli Díaz

Bricks builder

One plan, everything included

Start free. Upgrade when you need the full library.

Compare plans

Free

$0

  • The free templates
  • All three frameworks
  • Desktop and mobile first
  • Unlimited sites
  • Community support
Create free account

AnnualMost popular

$99/year

  • The full library
  • All components
  • New templates while subscribed
  • The Fancy Bricks plugin
  • Tickets and email support
Get annual

Lifetime

$299once

  • Everything in Annual
  • New templates forever
  • Black Friday only

Back on special dates

Already a Fancy Bricks customer? Annual and lifetime plans move to 3.0 at no cost.

Questions, answered

Search the questions or browse them. Can’t find yours? Write to us.

Search the questions
Try “framework” or “Code execution”

8 questions

Yes. Fancy Bricks 3.0 uses your framework’s variables so every template matches your site. Fancy Framework is free and installs in a minute. If you already use Automatic.css 4 or Core, copy the version for yours.

Pick your framework and desktop or mobile first, click Copy and paste into Bricks. Classes and components come with it.

Some templates, like sliders, tabs and counters, use a small script. Bricks only runs it with Code execution on, in Bricks › Settings › Custom code. The template page tells you when it’s needed.

Most do. Templates marked “Dark mode ready” follow Fancy Framework’s dark mode: switch the site to dark and they switch with it. Try it in any template’s preview with Site mode.

Yes, on unlimited sites, yours and your clients’. You can’t resell or share the templates themselves.

They’re built to WCAG 2.2 AA and checked with axe: keyboard focus, heading order, pause buttons on anything that moves and reduced motion respected.

Your plan moves to 3.0. Everything you already pasted keeps working on your sites, and every template you know has a 3.0 version.

Yes, regularly. Vote for what comes next on the roadmap.

No question matches that

Try another word, or ask us directly.

Ask a question

Start with free Bricks Builder templates

Create a free account, install Fancy Framework (also free) and paste your first section in a minute.

Create free accountOr get the full library
I’ll always try to surprise you with my templates. John