Announcement Bar
Rotating promo strip with countdown, schedule and remembered dismissal.
breakui ยท Free add-on
Ready-made elements for Breakdance.
Announcement bars, service areas, business hours, charts, timelines and more. Drop them in, style them like any other element, and switch off what you don't use.
100% free
No account
GPL licensed
17elements, and growing
$0forever, no license key
0jQuery, scripts only where used
1 clickto switch any element off
The elements
Everything a business site keeps asking for.
Each element is a real Breakdance element with full design controls, so it picks up your colors, fonts and spacing.
Conversion
Sticky Contact Bar
Call, WhatsApp and directions bar that sticks to the screen on mobile.
Trust Badge Strip
Logos, icons and animated counters with optional credential schema.
Comparison Table
Competitor table with groups, highlights and a mobile scroll region.
Local business
Service Areas Grid
Areas you serve, with ZIP and radius checker and areaServed schema.
Business Hours Live
Open or closed right now, with holidays, overnight shifts and schema.
Layout & motion
Scrollytelling Steps
Sticky visual that changes as each step scrolls into view.
Cursor-Follow Hover List
Image preview that follows the pointer over a list of links.
Sticky Stacking Cards
Cards that pile up as you scroll, with scale and dim effects.
Timeline
Vertical, alternating or horizontal timeline with a progress line.
Before / After Slider
Drag, hover or click image comparison with keyboard support.
Data & charts
Bar Chart
Vertical, horizontal and stacked bars with live editor preview.
Line Chart
Smooth lines and areas with tooltips and custom formatting.
Pie & Doughnut Chart
Pie, doughnut and half-doughnut with centre text.
Polar Area Chart
Radial segments sized by value.
Radar Chart
Compare several series across multiple dimensions.
Developer
Syntax Code Highlighter
Themed code blocks with line highlights, copy button and auto-detect.
Why it's different
Built to stay out of your way.
01
Native to the builder
Elements show up in the Breakdance panel with the same controls you already know: typography, spacing, borders, responsive settings and hover states.
02
Only loads what you use
Scripts and styles load on pages that use an element, never sitewide. Switch an element off in the dashboard and it is not loaded at all.
03
Safe with optimisers
Works with Perfmatters and WP Rocket out of the box, and respects reduced-motion and keyboard navigation.
How it works
Three steps. No setup screen.
1
Install
Download the plugin and upload it under Plugins, Add New. Activate it with Breakdance running.
2
Drop it in
Open any page in Breakdance and find the BreakUI Pro group in the element panel. Drag an element onto the page.
3
Make it yours
Edit the content and style it with the design controls. Turn off anything you do not need from the BreakUI Pro dashboard.
FAQ
Quick answers.
Is BreakUI Pro really free?
Yes. Every element is free to install, use on client sites and keep. There is no trial, no account and no license key.
Do I need Breakdance?
Yes. BreakUI Pro adds elements to the Breakdance builder, so Breakdance has to be installed and active on the site. It is a separate product from a different company.
Will it slow my site down?
No. Each element loads its own small script and styles only on pages where you use it. Nothing is loaded for elements you switch off, and there is no jQuery.
Can I turn off elements I don't need?
Yes. The BreakUI Pro dashboard has a switch for every element. A disabled element is not registered, so it does not appear in the builder and loads nothing on your site.
Does it work with Perfmatters or WP Rocket?
Yes. There is an optimiser-safe setting that stops those plugins from removing the classes our scripts add. It is on by default.
Will more elements be added?
Yes. New elements are added over time, and they appear in the same dashboard automatically when you update the plugin.
Get BreakUI Pro. It's free.
Install it in a minute and have your first element on the page before your coffee cools.