Updated Top Bar

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

Get Started
Animated elements

Core Background

Dynamic background animations

Showcase

Impressive presentation effects

Visual effects

Eye-catching elements

Animated texts

Dynamic typography effects

Interactions

User-triggered animations

Menu animation

Interactive Menu Effects

New

Transition pages

Smooth navigations effects

Soon

Instant Motion

Instant animations, preconfigured for stunning visual impact

Ready to enhance your Breakfusion experience?

Add premium elements that enhance user experience.

Quick Started

Contact

Get in touch with us

Quick Started

Custom documentation

ChangeLog

Latest updates and improvements

Roadmap

Find out what's coming to Breakfusion

Ready to enhance your BreakDance experience?

Unlock Breakfusion. Make today your launch day.

Prism Border Configurator

How to Use in Breakdance Builder

  1. Customize your Prism Border using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Breakdance Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-prism-border📋
    with value "true" to your container element
This tool creates a custom script with your settings built-in. All your Prism Border configurations are included in the generated code! Remember to set the attribute value to "true".
Prism Border Effect
Breakfusion Exclusive Get Your Prism Border

Add stunning animated gradient borders to your website with this custom-crafted JavaScript snippet.

  • Easy implementation with simple data attributes
  • Eye-catching animated gradient border effect
  • Fully responsive design that adapts to any container
  • Customizable colors, speed, blur, and width
  • Works in all modern browsers and devices
Color Settings
Gradient Colors
Add Color
Animation Settings
Animation Preview
Animation Speed 15s
Blur Amount 5px
Border Width 2px

JavaScript Code