Get Started

Using Templates

How to browse, preview, and use BreakMade website templates in your projects.

BreakMade offers 35+ complete website templates designed for various industries, built with the BreakMade design system and optimized for Breakdance.

Template Categories

  • Business & Corporate: Agency, consulting, professional services
  • SaaS & Technology: Software products, app landing pages, tech startups
  • E-commerce: Online stores, product showcases
  • Creative & Portfolio: Designer portfolios, photography, personal brands
  • Services: Real estate, fitness, healthcare, education
  • Other: Restaurant, events, non-profit, blog

Browsing Templates

  1. Visit breakmade.com/templates
  2. Browse by category or view all
  3. Click any template for live preview

Each listing shows: live preview link, pages included, category, and framework compatibility.

Using a Template

Step 1: Prepare Your Site

  1. Install Breakdance and BreakMade plugin
  2. Install the design set
  3. Ensure you have an active BreakMade license

Step 2: Copy & Paste

  1. Open template preview on breakmade.com
  2. Use copy interface to copy sections
  3. Paste into your Breakdance editor (Ctrl/Cmd + V)

Typical Pages Included

  • Home: Landing page with hero, features, CTA
  • About: Company/personal information
  • Services/Features: What you offer
  • Pricing: Plans and pricing tables
  • Contact: Contact form and information
  • Blog: Blog listing and single post layouts

Customizing Templates

After pasting:

  1. Text Content: Click and edit
  2. Images: Replace placeholders
  3. Colors: Adjust via BreakMade palette
  4. Layout: Rearrange or remove sections

To maintain cohesion: keep the same design set, use BreakMade spacing variables, follow typography hierarchy.

Framework Matching

Your SetupUse Templates
BreakMade (standard)Native framework
BreakMade + HeadSpinUIHeadSpin framework

Troubleshooting

Styles look different?

  1. Verify design set is installed
  2. Check color palette matches
  3. Clear caches, ensure BreakMade CSS enabled

Missing fonts? Install required fonts or substitute with similar ones.