Updated Top Bar

Transition Pages Available — Create stunning animated experiences with ease Transitions Available

Get Started
Page Transition Effect Configurator - Breakdance Builder

How to Use

  1. Customize your page transition effect using the controls below
  2. Click the Get Instant Code button and copy the complete code
  3. Go to Breakdance and access your existing menu in the Header
  4. Once in the menu, go to Global Settings and paste the generated code in Scripts
  5. The smooth transition effect will now appear automatically when visitors navigate between pages!
This effect triggers automatically when users navigate between pages on your website, creating a beautiful progress bar loading experience!
Click here to test the transition effect
0%
Breakfusion Exclusive Get Your Page Transition Effect

Add smooth transitions between pages with elegant progress bar and counter with this custom-crafted snippet.

  • Complete HTML, CSS and JavaScript in one snippet
  • Automatic execution on page navigation
  • Fully customizable progress bar and counter
  • Smooth fade transitions and animations
  • Works in all modern browsers and devices
Progress Bar Settings
Progress Bar Width 300px
Progress Bar Height 6px
Border Radius 3px
Animation Speed 15ms
Progress Step Size 4%
Counter Settings
Counter Font Size 18px
Counter Margin Top 15px
Background Settings
Background Opacity 0.8
Background Color
Color Settings
Progress Gradient
Counter Text Color