Skip to main content
Product
Take the tour
Design & Build
Total creative control over every element.
Dynamic Data
Build websites with a real backend.
WooCommerce
Design every page of the store.
Form Builder
Multi-step forms and conditional logic.
Performance & SEO
Fast by default, clean markup.
Build with AI
Connect your agent and let it build in Breakdance — any agent that supports MCP.
New in 3.0 · 16:22
Build WordPress sites with AI
Watch the 3.0 tour →
Resources
Learn
User Guide
The in-depth reference.
Video Tutorials
100+ videos, every feature.
Get help
Support
Talk to a human.
Hire an Expert
Freelancers & agencies.
Community
Facebook Group
Tens of thousands of members.
Blog
Updates from the team.
Start here · 6:20
Connect AI and Build Your First Site
Watch the guide →
Try It Live
User Guide
Pricing
Log in
Get Started
Product
Take the tour
Design & Build
Total creative control over every element.
Dynamic Data
Build websites with a real backend.
WooCommerce
Design every page of the store.
Form Builder
Multi-step forms and conditional logic.
Performance & SEO
Fast by default, clean markup.
Build with AI
Connect your agent and let it build in Breakdance — any agent that supports MCP.
Resources
Learn
User Guide
The in-depth reference.
Video Tutorials
100+ videos, every feature.
Get help
Support
Talk to a human.
Hire an Expert
Freelancers & agencies.
Community
Facebook Group
Tens of thousands of members.
Blog
Updates from the team.
Try It Live
User Guide
Pricing
Log in
Get Started
Tutorials
/
Design & Layout
/
Create an Animated Gradient Background Effect in Breakdance in 2 Minutes
← All tutorials
Design & Layout
Create an Animated Gradient Background Effect in Breakdance in 2 Minutes
Watch next
7:47
Variables: the complete guide
In-depth guide to Breakdance variables: define a color, size or other style once and reuse it everywhere.
→
Customize a WordPress Template in Breakdance: From Template to Final Website
→
Complete Design System in WordPress: Global Styles Explained
→
