The Bricks Tools that feel native
Our vision was to create a Bricks toolbox that doesn't feel like a bloated set of external addons. We focus on clean code, a lightweight structure and best practices.
Get Bricksforge
Why Bricksforge?
Passion
Really. We love Bricks! That is why we put all our passion into this project and use it for our own client websites.
Experience
We are the developers of the Bricks Widget Creator. You can be sure that we know what we are doing ;)
Compatibility
We make sure that every line of code works harmoniously with Bricks. This is noticeable in performance and usability.
Vanilla JS
Bricks has removed jQuery! Wonderful! Of course we go the same way to offer the best possible performance.
Lightweight Code
An <a> tag doesn't need twenty div containers around it. Is there anything more to say about this?
Nestable Elements
The Nestable Elements API is just awesome! We want our elements to be nestable wherever it makes sense!
Selective Loading
Activate only the features you need for your project. This way, everything remains clear.
White Label
Make a professional impression by customizing the name and look of Bricksforge to your client's UI.
Permissions
Define permissions for user roles. This way you can prevent certain functions for certain users.
Customize Bricks
Customize the Bricks interface to make it easier for your clients. They will thank you with a smile ;)
Developer Friendly
Are you a developer? Then you can rejoice! We give you full access to advanced functionalities!
Community Access
We are not hiding from you. Let's work together to create something great! #brickscommunityisawesome
Core Features
Builder Customizer
Specify different settings for individual user roles and determine the appearance of the builder. You can even create completely new roles.
User Roles
Customize the Bricks Builder for current user roles or create new ones. You can change the display status of the elements, but also adjust the order via drag&drop.
Builder Theme
Customize the main builder colors and create different themes for different user roles. For example, you can customize the builder to the UI of the project.
Clean Up
There are many buttons in Bricks that your client do not use. They would overwhelm them. Therefore, you can reduce certain areas, such as the toolbar, to the essentials.
Global Classes Creator
Convert CSS code to Global Classes with one click! So you can easily include your favorite CSS framework and use it in the builder. All classes are not dependent on elements and can be used everywhere!
Create Your Sets
Each set contains global classes to which you can assign a prefix. The classes that are generated based on your CSS code are displayed in the builder as locked Global Classes.
Built In Framework
Bricksforge provides you with a small CSS framework with essentials like clamp() for font sizes, colors and spacing. Also you can use a 12 column grid for more flexibility in your design.
Full Control
You can activate or deactivate your individually created global classes with one click. They will be available in the builder only if the status is set to Active. This way you always have full control.
Animations
Extend the Builder with the power of GSAP, the leading library when it comes to high-performance animations.
Motion Path
This is unique! Use your mouse to draw a path that your element to animate should follow. You can work as you would in Illustrator. This way you can create very complex animations very easily.
Triggers
Decide when the animation of your element should start and end. You can freely control whether the trigger should be a specific viewport area, or your element should watch for events like "Click" or "Hover".
Responsive
In Motion Path you have the option to set your element to respect the boundaries of parent elements. In addition, the path is always recalculated relative to the current screen width.
Bricksforge Panel
Use Bricksforge in the Builder! The panel allows you to perform complex processes without programming.
Vue.js 3
Bricksforge, also the panel, was created in Vue.js 3, the same JavaScript Framework in which Bricks was developed. Therefore, the two harmonize very well.
Events
Listen to different events and execute complex processes for them. This gives you endless possibilities and lets you take Bricks to the next level!
Interact
Interact with the Builder to select elements to be addressed via your Structure panel. The Bricksforge Panel interacts well with the Builder.
Popups
Create stunning popups using on your Bricks templates. Assign conditions to them and make other useful settings.
No Library!
We don't use a bloated popup library for our popups, but wrote the code for the triggers ourselves. So you have the best performance and a good feeling.
Customizing
Choose between different triggers. For example, "Pageload", "Scroll Position", "Click", "Hover", set delays or control the number of executions.
+ Element
The "Popup Trigger" is available to you. This is a nestable element that allows you to freely design elements that trigger the opening or closing of the popup.
Nestable
In many cases, Nestable Elements make absolutely sense because they are not restricting you in design. This is the path we take with Bricksforge.
Performance
Our approach to the development of our elements is always good performance. Instead of using heavy JavaScript libraries, we prefer to program them ourselves.
Flexibility
No one wants to be restricted by the use of elements. That's why we develop you a good base to work with. Our best example of this is the "Flip Everything" element.
White Label
If you use Bricksforge for client projects, you can customize the admin UI to match the client’s naming, logo and colors.
Menu Name
You can easily change the name "Bricksforge" that appears inside the Bricks menu.
Logo
Upload an alternative logo. It will automatically appear in Bricksforge settings.
Colors
Interactively customize the colors from the Bricksforge Admin menu to match your client's colors.
And other helpful tools
Maintenance Mode
Is your website not officially released yet or are you working on it right now? Put it into maintenance mode with a few clicks and decide the look based on a Bricks template.
Font Awesome Pro
Connect your Font Awesome Pro Typekit with Bricksforge to use Pro Icons with all their styles comfortably in Bricks Builder. We love this option ourselves.
Custom Fonts Uploader
You no longer need to upload Google Fonts individually. Now you can easily upload Google Fonts in bulk. It has been integrated into the native uploader.
Mega Menu
Create beautiful Mega Menus using Bricks templates and assign them individually to your menu items. The settings have been added to the "Nav Menu" element.
Documentation
Bricksforge is quite complex in several areas. That's why we always keep our documentation up to date. There you will find everything you need to know.
Community Forum
We can help each other in the official community forum. The forum is a valuable companion of Bricksforge to make the tool better and better!