Bricks Builder, a Visual Website Builder for WordPress
Bricks Builder is a visual website builder for WordPress that you can use to build amazing websites. Also, unlike other page builders, Bricks is a theme — which means you don’t have to use a theme + page builder plugin (like Elementor, Beaver Builder, Brizy, etc.). You can just install Bricks and you’re done.
Bricks has a public roadmap where you can see the current status of Bricks in real time, like features you’d like to see in the builder, and participate in discussions. You can also submit your own ideas for the builder, and the features with the most likes will be developed first. In its current state, Bricks looks similar to Oxygen Builder and is a great alternative to Elementor. Complete Bricks sites are built with Bricks Builder itself, which shows that this builder can create clean, fast, and beautiful websites.
Bricks Builder Free Download is a faster, more customizable, and better performing tool for visually designing your entire website. It not only helps you build a website in record time, but also loads it in record time. 100/100 GTmetrix score out of the box. No optimization plugins required. How? No bloat, clean and valid markup, and smart lazy loading of all assets. In addition, Bricks is a theme, not a plugin.
Recommendation: WordPress Photography Theme Blacksilver
WordPress Visual Website Builder Bricks Builder Features
Create your entire site visually – from header to footer and everything in between. Customize every aspect of your site right in the builder…soon you’ll forget you’re using WordPress. Insert dynamic data. Edit and preview multiple breakpoints for a fully responsive site optimized for mobile devices. Lots of smart features to help you build a better site in less time.
Not a designer? No problem – get started with one of our ready-made templates. Create custom theme styles to make any design your own. Edit images visually with CSS filters. Add unlimited gradients and shape dividers to any block. Create a color palette that fits your brand. Upload your favorite fonts and SVGs. Need more programming power? Custom CSS and JavaScript can be added globally or to individual blocks.
A Developer’s Dream. – Easily create your own elements using PHP, HTML, and CSS. No complicated build/compile process required. Customize everything including color palettes, save messages, and more using hooks and filters. Extend Bricks in any way imaginable by adding your own endpoints to the Bricks API.
Live Preview: Bricks can switch between builder and preview modes on the fly, making it super easy to see what your page will look like.
Visual Block Styles: You can visually customize design elements by adjusting column size, margins, padding, copy/paste styles, and more.
Hover State Styles: Customize elements with hover styles for your visitors.
Searchable Controls: Built-in search bar to find specific tools in the editing panel.
Structure View: This provides the complete structure of the page with all blocks, and you can use it to easily move page elements.
Page Management: You can switch between different pages of your website in the Bricks editor without going to the WordPress admin dashboard.
Keyboard shortcuts: All basic shortcuts are available like save, preview, responsive toggle, undo/redo, etc.
Fully translatable and RTL: You can translate Bricks into any language of your choice. It also supports RTL (right to left) languages like Arabic, Urdu, Hebrew, etc.
Gradients and overlays: You can apply gradients of up to six colors to titles, backgrounds, and other elements.
Image Editing: You can edit images directly in the editor using custom CSS filters such as hue, brightness, contrast, invert, opacity, saturation, etc.
SVG Support: Bricks supports Scalable Vector Graphics (SVG) images and icons.
Recommendation: WordPress Visual Site Builder Oxygen Builder
WordPress Visual Website Builder Bricks Builder Update Log
- Show Modified Element & Class Settings
- Lightbox: Thumbnail Navigation (Carousel, Image Gallery)
- Generate Screenshots In-Bulk & On-Save
- Code Element: Separate inputs for HTML/PHP, CSS, JS
- Lightbox Caption (Carousel, Image, Image Gallery)
- Lightbox: Image click action (Disable zoom, etc.)
- Lightbox: Padding (px) setting
- Dynamic Data: Text & Image Fallback
- Builder: New “Copy: Bricks ID” to clipboard button in element panel & context menu
- Popups: Support ‘Populate content’ setting
- WooCommerce: New query loop controls for “On sale”, “Featured”, “Hide out of stock”, “Upsell”, “Cross-sell”
- Theme Styles: Links “CSS selectors” setting (extends default CSS selectors)
- Reading Time element: Support query loops
- Bricks > System Information: meta_value column type check
- Bricks settings: Builder > Variable dropdown: Hide value
- Comments element: New setting “Author HTML tag”
- Icon List element: New setting “Icon size” & “Label size”
- Search element: New setting for icon border & box-shadow
- WooCommerce Product Price filter: Set currency symbol and position
- WooCommerce Account – Page element: New setting “Disable navigation”
- Page settings: Custom CSS breakpoint support
- Code element: Vim bindings (Bricks > Settings > Builder > Code control: Vim)
- Element conditions: New compare operators: Is empty, Is not empty (for dynamic data)
- Accessibility: Use :focus-visible instead of :focus
- Builder: Add custom HTML attributes to the canvas (from Bricks filters & element settings)
- Builder: Deprecate setting “Inner container/div”
- Builder: Switch to preview shouldn’t reset the canvas width
- Carousel: Add aria-label to lightbox link (a11y)
- Code element: %root% shortcut overridden by emmet inside {}
- Dynamic data: Support more special characters in arguments ($+%*#!=)
- Form element: “Reply To Email” supports name & email
- Form element: Checkbox/radio “name” setting not used
- Nav menu & nestable: Ensure wp-admin bar covering mobile offcanvas
- Pseudo-classes/elements: Content support CSS functions (e.g. attr, counter, url)
- Bricks settings: Builder access manage_options message
- Reading Time element: Improve Chinese & Japanese time calculations
- Testimonials & Team members elements: Remove default images as Unsplash Source has been retired
- Video element: Remove default background-color (potential overflow when using border-radius)
- WooCommerce: Checkout Thank you “Downloads” section CSS responsiveness
- WooCommerce: Checkout Thank you addresses should wrap
- Builder: Reduce AJAX calls when editing PHP-rendered elements
- Builder: Save icon should spin in the other direction
- Dropdown element: Wrap ever query loop result in li.menu-item
- WooCommerce: Bricks “AJAX Add to cart” support variation products
- ACF Repeater: Dynamic background bug in nested flexible content
- ACF Repeater: No result in a Group if inside a Relationship loop
- ACF field name same as repeater field name: Generates PHP warning in builder
- ACF: Post object loop + Nested Group field + Repeater field (PHP error: cannot use object of type WP_Post as array)
- ACF: Additional checks for Google Maps API key
- Builder: Styles applied to the wrong breakpoint (for short breakpoint names like “L”)
- Color Palette: Raw value remains clear on saved color if cleared
- Filter: render_attributes not working for Icon & SVG element
- Form element: Redirect action doesn’t process form field ID
- Form element: Without redirect action, file type “Files” triggers error on second submission
- Form element: Audio files like wav or m4a cause “Uploaded file type is not allowed” error
- Gutenberg Lightbox: max-width issue with align left/right
- Icon element: Missing “is-active” outline on canvas
- Image element: Overlay doesn’t show with link set
- Query Filter & WPML activated: JavaScript error (Type error: “url” is read-only)
- List element: Meta setting doesn’t render 0
- Maintenance mode: Remove canonical & OG tags
- Map element: Infobox image & lightbox should use image size
- Meta Box: Search bug in Advanced location rules when “Query Bricks data in search results” is enabled
- Nav nestable: Menu jumps on page load due to mobile close toggle
- Nav nestable: Mobile menu width is set to auto
- Non standard template setup + Posts page (is_home) edit with Bricks: Main query not applied
- Page settings: Custom code shows “sign code” unintentionally
- Polylang Pro & ACF language field group: Irrelevant Field group shows in wp-admin
- Polylang & WPML: Incorrect language template exported
- Product Tabs element: JS error (firstChild.classList is undefined)
- Query Filter: Radio & Select default compare operator is not Equal
- Query Filter: Sometimes index records erase (with Polylang activated)
- Query Filter: Support “Disable Query Merge” setting on the taxonomy page
- Query Filter: Pagination element with condition error once filtered
- Query loop: Nested loop dynamic style (e.g. background) not working
- Scroll snap: Page setting “Selector” not working
- Search element: Input width not applied correctly
- Structure Panel: Wrong element icon ‘title’ value after renaming
- Term page with empty post: Dynamic background not generated
- Theme Style: Don’t apply “Links” styles to links within a Post (content source: Bricks)
- Theme Styles: “/” in name breaks external file generation
- Theme Styles: Button transition: Show variable picker instead of DD picker
- Query loop: Can’t use DD field value as nested query loop parameters (ACF, Meta Box, JetEngine)
- Query loop: Query editor code not used on archive pages if “Is Main Query” setting is enabled
- WPML: Copy template settings & type
- WooCommerce Sale Badge: Uncaught DivisionByZero Error for Product Bundle type
- WooCommerce Account Login: “Disable” settings not working
- Image Gallery: Masonry image overlap inside tabs
