BLACK FRIDAY DEAL 🎉 Save up to 30% on all plans!

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?


Really. We love Bricks! That is why we put all our passion into this project and use it for our own client websites.


We are the developers of the Bricks Widget Creator. You can be sure that we know what we are doing ;)


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.


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.

More Details

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!

More Details

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.


Extend the Builder with the power of GSAP, the leading library when it comes to high-performance animations.

Show Example

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.


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".


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.

More Details

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.


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 with the Builder to select elements to be addressed via your Structure panel. The Bricksforge Panel interacts well with the Builder.


Create stunning popups using on your Bricks templates. Assign conditions to them and make other useful settings.

More Details

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.


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.


Our elements are mostly nestable and offer you a lot of flexibility in design.

More Details


In many cases, Nestable Elements make absolutely sense because they are not restricting you in design. This is the path we take with Bricksforge.


Our approach to the development of our elements is always good performance. Instead of using heavy JavaScript libraries, we prefer to program them ourselves.


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.

More Details

Menu Name

You can easily change the name "Bricksforge" that appears inside the Bricks menu.


Upload an alternative logo. It will automatically appear in Bricksforge settings.


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.


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!

Get Bricksforge Now

Take your Bricks development to the next level.
Get Bricksforge

Sign Up To Our Newsletter

With the newsletter we inform you about new features. We'll not spam you. Promised ;)

Take your Bricks development to the next level

Start with Bricksforge today!