CardExpand - breakfusion.com

Customize your card expand using the controls below
Click the Get Code button and copy the JavaScript
In Breakdance Builder, add a Code element and paste the JavaScript
Add the attribute
data-breakdance-card-expand📋
with the value "true" to your container element
Add the attribute
data-breakdance-card-expand-item📋
with the value "true" to each card expand item inside the container

This tool creates a custom script with your settings built-in. All your card expand configurations are included in the generated code! Remember to set attribute values to "true" for proper functionality.

Breakfusion Exclusive Get Your Flexible Card Expand Animation

Add elegant interactive card expands to your website with this custom-crafted JavaScript snippet.

Easy implementation with simple data attributes
Fully responsive design that adapts to any container
Customizable expansion and animation effects
Touch-friendly for mobile devices
Works in all modern browsers and devices

Card Expand Settings

Expansion Preset

Animation Style

Transition Settings

Transition Speed 0.5s

Enable Mobile Optimization

Enable Touch Support

Documentation

GETTING STARTED

MENU ANIMATION

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

TRANSITION PAGES

How to Use in Breakdance Builder

JavaScript Code