Fancy Framework - FREE Minimal CSS Framework For Bricks Builder

Looking for a free, lightweight CSS framework to use with Bricks Builder? In this video, we dive into Fancy Framework, a stripped-back option perfect for those who want a simple starting point.
We'll cover:
How to set up Fancy Framework in Bricks Builder, including importing variables, establishing theme styles, and configuring your colour palette.
A brief overview of how Fancy Framework fits into the CSS framework ecosystem and how it compares to other options like Core Framework.
Whether you're new to CSS frameworks or need a minimal solution, this video will guide you through the setup process and share insights on its pros and cons.
Learn more: fancyframework...
#BricksBuilder #CSSFramework #FancyFramework #WebDesign #WPTuts
Take your WordPress website and skills to the next level!
► The Essential Web Designer's Documents Pack
Looking to take your web design business to the next level? The Essential Web Designers Documents collection has got you covered! With handcrafted, professionally designed documents that have generated tens of thousands in revenue, you'll have everything you need to impress clients, streamline your workflow, and boost your bottom line.
► Buy the Essential Web Designer's Documents Pack Now: links.wptuts.c...
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: jo.my/etafyp (WPTUTS for 20% off - Exclusive)
✅ Flowmattic: jo.my/flowmattic (WPTUTS for 20% off annual plans)
✅ Clickwhale: jo.my/clickwhale (WPTUTS20 for a 20% discount on all plans)
► MY PREFERRED HOSTING PROVIDERS ◄
✅ Hostinger: jo.my/92dmbb
✅ CloudWays: jo.my/1feeng8
✅ SiteGround: jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: jo.my/1s0t2s2
✅ Bricks Builder: jo.my/bricks
✅ Brizy Pro: bit.ly/2Ji97r8
✅ GenerateBlocks: jo.my/xotgcy
✅ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
✅ GeneratePress Premium: bit.ly/2Ydn1SE
✅ Blocksy: jo.my/y67ten
✅ DIVI Theme: bit.ly/2G8JMiA
✅ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
✅ InstaWP: jo.my/0jdh2j
✅ Crocoblock: jo.my/croc
✅ CSSHERO: bit.ly/2qbrRl6
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
👉 Twitter: / wptutz
👉 Facebook Group: wptuts.co.uk/f...
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk

[@FancyBricks]

Hi Paul, thank you so much for your support and valuable feedback. I’ll take your suggestions and those from other users into account to continue improving Fancy Framework step by step. I truly appreciate your input!

[@RR-ok4wz]

John!!! You put out top notch work, mate! Thank you for such an excellent contribution to the Bricks ecosystem!

[@jpk6916]

Great work.... and hey.... for FREE!!! I love the work you put in

[@user-jt7wb3zc1m]

Hi, good job! Just curious, why typography and spacing in px, not in rem as if not fluid too? im actually not the user of any CSS frameworks since Bootstrap, feeling more productive with BEM-like sytems, but anyway

[@Coudixweb]

@@user-jt7wb3zc1m Hi, for the user it is easier to configure with px, but the generated variable is with clamp and converts px to rem. Fancy Framework generates variables, not classes, you can still work with BEM and variables.

[@FancyBricks]

@@user-jt7wb3zc1m To configure is easier in px, that's why there is a value for mobile and another for desktop, because the generated variable is with clamp and rem.

[@matsons484]

Thank you for this series of videos concerning CSS frameworks and Bricks Builder integration. Very helpful!

[@ElementoryMyDearWatson]

I think this is rather marvelous Paul. Absolutely perfect for anyone getting into working with frameworks. And it's free. Many thanks for sharing.

[@WPTuts]

You're very welcome!

[@VijayKumarIM]

I configure Core Framework similar way. I generate CSS and add to bricks then disable Core Framework plugin. Then I import the classes and variables to Bricks. Good to know Fancy also using same variable names as CF. Thanks video...

[@techiesreviews]

For Native Bricks (without AT), you have to press the '3 with a shield' (aka CSS3) icon , beside the input field to see the variables.

[@obito-269]

Thanks Paul for showing the different frameworks for bricks! Will you also do a video about acss?

[@WPTuts]

Very doubtful as I'm not an ACSS user and I'd say it's already pretty well covered on the tubes already. :)

[@mailwood1388]

The best day in site building was the day I removed ACSS from my site. After some time with ACSS, I realized I was fighting it. I now work without the framework in Bricks Builder with pure CSS. Fancy is an interesting idea, but the worst part will be the sprawl of this framework. I'd the opposite, remove anything unnecessary from there.

[@Gearyco]

If you're fighting ACSS, you're almost certainly using it incorrectly. How often do I fight it in my hundreds of hours of development content on KZbin? Never. If you post i the support community about what you feel you're fighting, we can easily help you sort it out.

[@RichardWadeUK]

​@@GearycoI think what you meant to say is "Sorry to hear that about your experience. I'd love to chat with you and learn more so that we can improve the product, or provide better guidance on how to use it. It really is a powerful tool that can do what you need"... Instead, some people might think you came across as an overly sensitive and obnoxious pr*ck who can't take any criticism. We don't want that because you have so much great wisdom to offer.

[@Gearyco]

Did I say something mean? Just stated a couple facts. We spend countless hours helping people 1-1 in our community. But this person doesn't seem interested in getting help (or they already would have), so I'd rather just make sure people aren't dissuaded by inaccuracies in their comment.

[@RichardWadeUK]

@@Gearyco He certainly could have conveyed his point more effectively, however, you could have come across as the far better person with a more supportive response.

[@mailwood1388]

​@@GearycoYou answered quite correctly in style, after the translator the speech looks correct. English is not my native language, and I don't understand much without translation. As for ACSS and other fancy CSS frameworks, it is definitely not a product for a wide audience. I am a beginner in web development, I started in 2024. For me, your framework has made it difficult to create a website. Not because the framework is bad. It can be a good product, but a minimum for developers with a few years of experience. I've watched a lot of your videos and it's all about speed. I've never heard you say that beginners should stay away from such frameworks. I use artificial intelligence in development that writes CSS for me. It's easier than your framework for indentation and other markup. Colors on any site are usually 3-4 pieces and your dozens of variations are just not needed. Lots of colors on a site is a bad tone. The framework is useful the simplest - customizing font sizes first of all. Your combine only confuses the site builder. This is my opinion, today my site is almost done and there is no framework there.

[@dragon3602010]

cool but no fluid typo and spacing, why ?

[@FancyBricks]

@@dragon3602010 Hi, for the user it is easier to configure with px, but the generated variable is with clamp and converts px to rem.

[@FancyBricks]

To configure is easier in px, that's why there is a value for mobile and another for desktop, because the generated variable is with clamp and rem.