Skip to main content
Layout and motion

Before / After Slider for Breakdance

A before and after comparison with a draggable handle. Show the work, not just describe it.

4 styles Free Native Breakdance element No library needed

4 ways to style it

1Horizontal dragDrag the handle.
Horizontal drag
Before After
2VerticalSlide up and down.
Vertical
Before After
3Follow cursorMoves with the pointer, line handle.
Follow cursor
Before After
4Square handleSquare handle, labels at the bottom.
Square handle
Before After

In the editor

Before / After Slider element Content tab in the Breakdance editor
1 Content tab
Before / After Slider element Design tab in the Breakdance editor
2 Design tab

The main settings

Content tab

Your text, items, links and behavior.

Design tab

Colors, type, borders and layout.

Element Width

Percent, pixels or any unit, plus max, min and alignment.

Design
Spacing
Element Width
Get BreakUI ProFree, no account, no license key.
Download the plugin
Moniruzzaman Monir

Hire Monir

Available for new projects
What do you need?
Prefer to talk? Book a 30-min call