Designs
Learn how to use BreakMade templates, blocks, and design sets to build websites faster.
BreakMade provides a comprehensive library of professionally designed templates and blocks that work seamlessly with Breakdance page builder. This section covers everything you need to know about using BreakMade designs in your projects.
What’s Available
Templates
Complete website designs across various industries - from SaaS and agency sites to e-commerce and portfolios. Each template includes multiple pages with coordinated styling.
Blocks (Layers)
Over 500+ individual blocks including headers, footers, hero sections, pricing tables, testimonials, contact forms, and more. Mix and match to create unique layouts.
Design Sets
Pre-configured style systems that set up your global colors, typography, and spacing. The foundation for consistent design.
Two Frameworks
BreakMade designs are available in two frameworks:
| Framework | Best For |
|---|---|
| Native | Standard Breakdance projects using BreakMade variables |
| HeadSpin | Projects using HeadSpinUI for advanced token management |
Choose the framework that matches your project setup.
Using Templates
How to browse, preview, and use BreakMade website templates in your projects.
Learn moreUsing Blocks (Layers)
How to browse and use the 500+ BreakMade blocks to build custom layouts.
Learn moreCopy & Paste Workflow
Master the BreakMade copy-paste workflow to quickly add designs to your Breakdance projects.
Learn moreNative vs HeadSpin Code
Understand the difference between BreakMade Native and HeadSpin frameworks and when to use each.
Learn moreDesign Sets Explained
Deep dive into BreakMade design sets and how they form the foundation of your designs.
Learn more