bricks builder templates
Your web design & development workflow will never be the same
Frames is a real time wireframing tool, design-ready development system, and accessible component library that empowers you to build beautiful custom websites in half the time with zero limits on your creativity.
Using Frames' templates for Bricks Builder feels like cheating
Frames empowers you to design custom WordPress websites 6 to 8 times faster while increasing revenue on every project by at least 20%. And when you're finished, your sites will be more accessible and maintainable than they've ever been. Here's what makes it great...
Pure & Unstyled
Just add Frames and customize. There are no presets to "undo."
Mathematically perfect, automatically responsive, & easily customized.
BEM-style classes for unprecedented global styling control.
Scalable & Customizable
Perfect for clients large and small. Fully scalable & maintainable.
Out of the box accessibility compliance because #a11ymatters.
The most structurally sound layout system ever created for page builders.
Build directly in Bricks with the native remote templates feature.
What you see now is barely scratching the surface. Hop on board.
Insights and lessons from the Frames team
Frequently asked questions
If you don't see your question answered here, please get in touch!Contact us
Will you offer a Figma version of Frames?
Yes, we now offer a Figma version of Frames! Our team has been working hard to provide you with this exciting addition to our product lineup. Please note that while your primary Frames license covers all supported WordPress platforms, the Figma version of Frames is considered an add-on feature. This means that you will need a separate license specifically for the Figma version.
We understand the value of offering versatility and flexibility in how you use Frames, and we’re thrilled to empower your creative process on both WordPress and Figma platforms.
Thank you for your continued support, and we look forward to seeing the amazing projects you’ll create with Frames for Figma!
What page builders does Frames work with?
Frames currently works seamlessly with Bricks Builder, but we have plans to expand Frames to work on other builders as well, starting with Gutenberg’s block editor. Eventually, any platform supported by Automatic.css will likely support Frames as well. As long as you have an active license, you’ll be able to use Frames on any supported page builder without additional add-ons or upgrades.
What happens if I uninstall Frames?
If you uninstall Frames you’ll lose remote access to the Frames library. Any frames that you previously imported into your website will still work, but you won’t be able to add new frames. If you are using Frames dynamic accessible components, those components will stop functioning as the code they need to run will be removed on deactivation.
What is Frames?
Frames is three products in one.
It’s a real-time wireframing tool that allows you to wireframe full pages and templates directly inside of Bricks Builder (and coming soon to Gutenberg Block Editor) 6-8 times faster than you’d be able to wireframe in a design tool like Figma.
It’s a design-ready development system that does 50%-80% of the development for you without limiting your creativity and without creating scalability issues – 100% built with BEM-organized classes and ACSS.
It’s an accessible component library* that adds advanced functionality like accessible carousels, accordions, toggles, sliders, modals, and more to your development workflow.
In short, it’s a tool that will help you build custom websites in half the time, increase revenue on every project by at least 20%, and dramatically increase both your margins and your capacity for taking on new projects.
* Features coming soon.
What if I don’t do wireframing?
If you don’t currently do wireframing for projects, then Frames is a perfect fit for you. With Frames, you can start selling wireframing as part of your official process, charging anywhere from $50 – $350 per page for the wireframing alone. Then you’ll charge for design per page. Then you’ll charge for development per page. This is how legit project pricing and workflow has always worked, but many people skip the wireframing step because they either don’t know how to do it or they don’t know how to make it profitable.
With Frames, you can wireframe with simple drag-and-drop in a fraction of the time. And since you’re doing it directly in Bricks you’re handling a good chunk of the development workflow simultaneously. Frames will add an additional 20-40% in revenue to every project, you’ll speed up your timelines, you’ll be able to juggle more projects at once, and your overall margin is going to go through the roof.
What about design sets?
One of the most important rules in profitable web design is: don’t go backward. If you care at all about building custom or semi-custom websites, design sets break that rule immediately. Because they’re so opinionated, design sets require you to constantly un-style and re-style elements. You spend as much time going backward as you do going forward.
On top of that, design sets are usually thrown together as quickly as possible with terrible HTML structure, zero care for accessibility (A11y) compliance, inconsistent and random styling values (usually in pixel values – yuck!), and a lack of custom classes (no scalability or maintainability).
Frames fixes all this – it’s built for people who care about customizability, scalability, and quality craftsmanship with the added benefit of cutting workflow time in half.
What else is planned?
We have A LOT planned for Frames. Just as we innovated on the concept of CSS frameworks with Automatic.css, we plan to innovate strongly on the concept of a layout system with Frames. Think interactive components like accordions, toggles, lightboxes, switches, menus, etc. All accessible, of course. Why should you need multiple plugins to handle this when your core layout system can handle it for you seamlessly?
How often will you release new frames?
Do I need Automatic.css to use Frames?
Yes. Frames is 100% built with Automatic.css. This ensures consistency, scalability, and maintainability and is one of the main reasons why Frames is so powerful and flexible. If you need to purchase a license of ACSS, you can do so via the ACSS pricing page.
What’s the refund policy?
If you don’t like Frames, you can get a full refund within 14 days of the purchase date.