Create interactions for your website visually with our

Node Editor

With the Node Editor, you can easily create complex interactions for your website visually by just dragging lines.

Why Node Editor?

Master Interactions with Ease

Whether you’re a beginner or an expert, the Node Editor lets you create professional-grade interactions effortlessly. Beginners benefit from its intuitive design, while experts gain full control to fine-tune every detail for precise, high-quality results.

Visual Clarity

Understand complex workflows with a clear, node-based structure.

Flexibility

Easily create interactions without writing code – simply rearrange or connect nodes.

Seamless Workflow

Build everything directly in the Bricks Builder UI without switching pages.

Node Editor in action.

Some Insights

Pointer Events

With the integrated mouse events, you have many different options. One of these is, for example, the yellow dot on this website, which always follows the current position of the mouse.

Mouse Position

X Axis: 0
Y Axis: 0

Scroll Events

Listen to the scrolling behaviour of your users and perform any actions depending on the scroll position or other event data. For example, you could only show a fixed sidebar if the scroll position is greater than 500 pixels.

You are scrolling DOWN.
Your current scroll position is 0.

Mutation Observer

Execute actions as soon as something changes on a specific DOM element. In the example on the right, a class is added to the button when the “Toggle Element Class” button is pressed. This change in attributes is noticed, and the actions are executing, in this case, the great “Confetti” action.

Toggle Element Class

Animation Control

Control your animations with different event actions. In this example, the animation is either paused, resumed, restarted or played reversed, depending on which button is pressed.

PlayPauseRestartReverse

... and much more!

Create a free playground to explore the full functionality of the Node Editor 🙏

Create Your
Free Playground

Test Bricksforge 7 days for free – as often you want!