Visual tools for crafting unique website experiences
Bricks streamlines website design with flexbox, grid, global styles, and custom color palettes. Powerful animations, filters, transforms, gradients, image masks, video embeds, shape dividers, styled elements, icon libraries, custom CSS, built-in lightboxes, and so much more.
My agency started using Bricks about 1 year ago in an attempt to find a better way of building sites that allowed us to build truly custom layouts, not just drag-n-drop mashups! When we discovered Bricks Builder it was a breath of fresh air that gave our entire agency a new excitement for design and development!
Bricks Builder has leveled up our Wordpress template services. Its intuitive interface and diverse elements make develop Wordpress sites a breeze. From stunning layouts to fluid responsiveness, it's definetly a game-changer. Crafting Wordpress websites for our customers make every day a little party.
My Agency Recently started using bricks. It's the best decision we have ever made. My development team and I love how you can add code, edit CSS, and make your own elements in a modern and responsive coding environment. I also work with my design team, and we love how easy it is to design in Bricks, allowing us to make art in minutes.
I love to design and build efficient and optimized sites. Bricks has brought the joy back into using a page-builder.
Bricks is pushing me to a whole new level. I finally have the freedom to build websites I have long sought and not found. Now, websites are beautiful and fast at the same time.
This is the most promising builder: I came for the builder's performance, stayed for the design and capabilities, and fell in love with the constant updates and public roadmaps.
Brick's intuitive layout, fast-performing builder, and access to almost any CSS property you may want to change makes it the perfect builder for both beginners and seasoned WordPress pros.
The design aspect of creating a website has become a pleasure since I started using Bricks. My coding skills have improved, and my overall satisfaction, whether mine or my clients', is superb. I also sleep better knowing that my websites built with Bricks won't crash on a Sunday morning.
With just one Theme, you can create a website that is high-performing, beautiful, easy to maintain and has delighted consumers. Bricks has earned the title of best Page Builder in the WordPress market.
Being able to style elements using classes (in a visual way) is new to me and I'll never look back. It's easier to maintain, scale, and keep a consistent design.
It's everything I was always looking for in a WordPress page builder. Flexibility for custom designs and amazing page speed. Perfect for designers who know their way around CSS.
Fluid and responsive layouts with CSS Flexbox and Grid
Create fluid and responsive designs that automatically adapt to different screen sizes and viewport changes. Build any layout with Flexbox and CSS Grid. Add responsive column layouts with a few clicks. Rearrange your layouts via precise drag-and-drop in the canvas and structure panel.
Create your own modular & scalable design system through CSS classes
Assign externally created CSS classes to any element or create, style, and manage your own CSS classes, pseudo-classes, and pseudo-elements right inside the builder. With CSS classes, you can enhance modularity, reduce code duplication, and maintain consistency throughout your website, improving maintainability and reducing specificity issues.
Global Colors, Typography and Elements
Streamline your website design with theme styles
Create a cohesive look and feel across your website with Theme Styles in Bricks. Effortlessly define layout, colors, typography, and more. Apply styles globally or to specific pages.
Consistent styling with global color palettes
Enhance your website's style and brand consistency with global color palettes. Create and update custom color palettes site-wide, allowing for easy maintenance and a visually cohesive design.
Unleashed typography flexibility
Make your website stand out through typography. Access Google Fonts, integrate with Adobe Fonts, or upload custom fonts. Full support for variable fonts to fine-tune for font styles while ensuring your website continues to load as fast as possible.
Reusable global elements
Create, style, and save elements as global elements to reuse them anywhere on your site. Updating a global element automatically updates all instances site-wide.
Celebrate visual storytelling
Lazy load images and galleries
Add single images or entire image galleries with multiple layouts effortlessly. Advanced lazy loading helps to keep your website lean & loads it fast. Responsive images ensure that only the most relevant image size is loaded.
Embed and lazy load any video
Embed YouTube, Vimeo, or local videos. Customize your HTML5 video player, open any video in a lightbox.
Enhance visual engagement
Bricks' native lightbox works for images, videos, and galleries. Group & unite images via lightbox IDs. Engage your audience with a sleek, immersive viewing experience: no plugins or complexities.
1M+ free professional photos
Browse a vast library of high-quality royalty-free photos from Unsplash directly inside the builder. Download with a single click. Ready for use on your website without any cost, permissions, or attribution required.
Creative image masks for unique designs
Endless styling options at your fingertips
Unlimited styling possibilities with custom CSS
Take complete control of your website's design with custom CSS. Available for any element, page, or globally to apply any style imaginable beyond the already powerful builder settings.
Bring your website to life
Maximize user engagement with Bricks' animations. Apply fade-in, slide-out, and many more effects for a truly interactive website experiences. Or showcase creative headlines with animated typing.
Enhance images with stunning effects
Add a touch of magic to your visuals with CSS filters. From blurs to sepia tones, achieve stunning effects without tedious image editing in Photoshop.
Mesmerizing gradients & overlays for stellar designs
Dazzle your visitors with captivating designs using gradients and overlays with unlimited color stops. Add stunning linear, conic, radial and even repeating gradients to backgrounds, text, overlays, or specific CSS selectors. Stand out from the crowd with eye-catching designs. All without the need for coding.
Enhance user experience with CSS Scroll Snap
Ensure a seamless but snappy scrolling experience using CSS Scroll Snap, which anchors the viewport to specific elements post-scrolling.
Access a world of icons with built-in libraries
Icons made easy. Access popular libraries: FontAwesome (Solid, Regular, Brands), Iconicons, Themify, and your own custom SVG files.
Transform and animate
Modify shape, size, position, and orientation of any element to create visually appealing effects for a dynamic web design. Add interactivity and visual interest. No coding required.
Endless shape dividers
Break up and make your sections work with each other. Create a flow through your content that engages your visitors. by adding stunning horizontal and vertical ready-made or custom dividers.