Dynamic Card Flip
Dynamic Card Flip
Documentation
Documentation
search
rocket_launchGetting Started
expand_moreIntroduction
What This Plugin Does
What This Plugin Does NOT Do
Installation
First Successful Test
settingsConfiguration
chevron_rightOverview
Element Properties
Back Card ID
Element Placement
Visual Behavior
ID Attribute Setup
play_arrowActions
chevron_rightOverview
Flip Card
Common Workflow Triggers
Icon Click
On Page Load
Conditional Trigger
Custom State Change
Multiple Cards
lightbulbUse Cases
chevron_rightProduct Showcases
Team Member Profiles
Pricing Plans
FAQ Sections
Before/After Comparisons
Language Switching
Interactive Cards
verifiedBest Practices
chevron_rightDesign Guidelines
Visual Consistency
Content Organization
Performance Optimization
Element Complexity
Accessibility
Mobile Considerations
Common Pitfalls
Troubleshooting
Visual Glitches
Multiple Cards Behaving Strangely
Testing Checklist
Getting Started
Introduction
The Dynamic Card Flip plugin brings interactive 3D card flip animations to your Bubble applications.
It allows you to create engaging card flip effects between two elements, perfect for revealing additional content, showing product details, or creating interactive UI components with smooth 3D transitions.
The plugin offers a simple setup with element IDs and a single action to trigger the flip animation, giving you complete control over when and how cards flip in your application.
The plugin is designed to be lightweight, performant, and easy to use, supporting:
- 3D flip animation with hardware acceleration
- Front and back card element configuration
- Workflow action to trigger flips
- Automatic positioning and sizing
- Smooth transition animations