{"id":15958,"date":"2022-08-20T10:23:14","date_gmt":"2022-08-20T10:23:14","guid":{"rendered":"https:\/\/breakdance.com\/?page_id=15958"},"modified":"2026-05-19T08:39:04","modified_gmt":"2026-05-19T08:39:04","slug":"elements","status":"publish","type":"page","link":"https:\/\/breakdance.com\/features\/elements\/","title":{"rendered":"130+ Builder Elements"},"content":{"rendered":"
\n \n \n\t\n\n\n\n

\nElements\u00a0for every<\/em> use case\n<\/h1>
\nSee how Breakdance can save you time and money.\n<\/div>
\n
\n\t
\n\t\t
<\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div>
\n
\n\t
\n\t\t
<\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div>
\n
\n\t
\n\t\t
<\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div><\/div>\n<\/section>
\n \n \n\t\n\n\n\n
\n \n \n\t\n\n\n\n
\n \n \n\t\n\n\n\n
\n \n \n\t\n\n\n\n

\n130+ Premium Elements\n<\/h2>
\nFeeling overwhelmed by plugins? Breakdance Elements contain all the features you need.\n<\/div>\n<\/div>
\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n Get Breakdance<\/span>\n\n \n \n <\/a>\n\n \n\n\n<\/div>\n<\/div>\n<\/div>
\n \n \n\t\n\n\n\n
\n
\n
\n \t

\n Bloat Free\n <\/h4>\n

Breakdance replaces a lot of plugins<\/h3>\n

Reduce bloat and keep your website fast and performant.<\/p>\t\n <\/div>\n

\n <\/a>\n <\/div>\n <\/div>\n<\/div>
\n
\n
\n \t

\n SEO & Performance\n <\/h4>\n

Breakdance is fast. Lightning fast.<\/h3>\n

Despite being packed with features, Breakdance still maintains exceptional speed and performance.<\/p>\t\n <\/div>\n

\n <\/a>\n <\/div>\n <\/div>\n<\/div>
\n
\n
\n \t

\n Global Styles\n <\/h4>\n

Style all elements with global settings<\/h3>\n

Set your global styles once and all your elements will use them automatically.<\/p>\t\n <\/div>\n

\n <\/a>\n <\/div>\n <\/div>\n<\/div>
\n
\n
\n \t

\n Dynamic Data\n <\/h4>\n

Connect elements to your database<\/h3>\n

Populate your elements with dynamic data. Breakdance\u00a0 supports ACF and Metabox.<\/p>\t\n <\/div>\n

\n <\/a>\n <\/div>\n <\/div>\n<\/div>
\n
\n
\n \t

\n Modern Workflow\n <\/h4>\n

Copy elements across pages and websites<\/h3>\n

Simply copy and paste. Reuse your elements wherever necessary.<\/p>\t\n <\/div>\n

\n <\/a>\n <\/div>\n <\/div>\n<\/div>
\n
\n
\n \t

\n Conditions\n <\/h4>\n

Display elements when you need it<\/h3>\n

Visibility conditions give you full control over the elements.<\/p>\t\n <\/div>\n

\n <\/a>\n <\/div>\n <\/div>\n<\/div>\n<\/div><\/div>\n<\/section>
\n \n \n\t\n\n\n\n
\n
\n\t
\n\t\t
<\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div>

\n\"I am building my website with Breakdance. It's the first time I get 100\/100 on Google PageSpeed Insights.\"\n<\/h3>
\n \n \n\t\n\n\n\n
\n \n \n\t\n\n\n\n
\nGeorg Von Cederb\u00f6rg\n<\/div>
\nCreative Professional\n<\/div>\n<\/div>\n<\/div>
\n
\n\t
\n\t\t
<\/a><\/div>\n\t<\/div><\/figure>\n\n<\/div><\/div>\n<\/section>
\n \n \n\t\n\n\n\n
\n \n \n\t\n\n\n\n
\n \n \n\t\n\n\n\n

\nElements\n<\/h2>
\nWith 130+ elements and widgets, you can build the website of your dreams.\n<\/div>\n<\/div>
\n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n Get Breakdance<\/span>\n\n \n \n <\/a>\n\n \n\n\n<\/div>\n<\/div>
\n
\n
\n
\n

Basic<\/h4>\n <\/div>\n <\/div>\n
\n \n \n
\n
\n <\/svg>\n <\/div>\n
Button<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Columns<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Div<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Heading<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Icon<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Image<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Rich Text<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Section<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Text<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Link<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Video<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Tooltip<\/div>\n <\/div>\n \n <\/div>\n<\/div>\n<\/div>
\n
\n
\n
\n

Block<\/h4>\n <\/div>\n <\/div>\n
\n \n \n
\n
\n <\/svg>\n <\/div>\n
Animated Heading<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Basic List<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Basic Slider<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Blockquote<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Business Hours<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Checkmark List<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Countdown Timer<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Dual Heading<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Fancy Divider<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
FAQ<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Gallery<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Google Map<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Icon Box<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Icon List<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Image Accordion<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Image Box<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Image Comparison<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Image Hover Card<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Image With Zoom<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Logo List<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Lottie Animation<\/div>\n <\/div>\n \n
\n
\n \r\n\r\n\r\n\r\n\r\n\r\n<\/pattern>\r\n\r\n<\/defs>\r\n<\/svg>\n <\/div>\n
Marquee<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Masker<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Notification Bar<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Pricing Table<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Progress Bar<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Scrolling Image<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Simple Counter<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Simple Testimonial<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Star Rating<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Stats Grid<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Tabs<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Hover Swapper<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Overlapped Images<\/div>\n <\/div>\n \n <\/div>\n<\/div>\n<\/div>
\n
\n
\n
\n

Site<\/h4>\n <\/div>\n <\/div>\n
\n \n \n
\n
\n <\/svg>\n <\/div>\n
Header Builder<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Menu Builder<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Popup Builder<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
WordPress Menu<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Search Form<\/div>\n <\/div>\n \n <\/div>\n<\/div>\n<\/div>
\n
\n
\n
\n

Advanced<\/h4>\n <\/div>\n <\/div>\n
\n \n \n
\n
\n <\/svg>\n <\/div>\n
Advanced Slider<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Advanced Tabs<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Advanced Accordion<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Custom Code<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Shortcode<\/div>\n <\/div>\n \n
\n
\n <\/svg>\n <\/div>\n
Global Block<\/div>\n <\/div>\n \n <\/div>\n<\/div>\n<\/div>
\n
\n \n \n\t\n\n\n\n
\n \n \n\t\n\n\n\n

\nStart building incredible websites today\n<\/h4>
\n