MARKETPLACE
PLUGINS
DYNAMIC CARD FLIP BY NEBULA
Dynamic Card Flip by Nebula logo

Dynamic Card Flip by Nebula

Published March 2025
   •    Updated this month

Plugin details

Add professional 3D card flip animations to your Bubble app. Perfect for product showcases, team profiles, pricing plans, and interactive content. Easy setup, smooth performance, mobile-friendly.


Dynamic Card Flip


 

 

 


Description

Overview

3D card flip animations with zero coding. Flip between two elements (front/back) with smooth hardware-accelerated transitions. Perfect for product showcases, team profiles, pricing plans, interactive content.

Key Features
  • Smooth 3D flip with 0.6s duration
  • Simple ID Attribute setup
  • Single "Flip Card" workflow action
  • Automatic positioning and sizing
  • Multiple cards per page
  • Mobile responsive
  • Toggle behavior (flip back and forth)



If this plugin saves you time or makes your work easier, consider supporting its development Every coffee helps me keep improving and maintaining this project

Free

For everyone

stars   •   0 ratings
48 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Nebula logo
Nebula
Joined 2023   •   24 Plugins
View contributor profile

Instructions

Instructions
Quick Setup
  1. Create two Group elements (front and back content)
  2. Set first group's ID Attribute to "front-card"
  3. Set second group's ID Attribute to "back-card"
  4. Add Dynamic Card Flip element to page
  5. Configure: Front Card ID = "front-card", Back Card ID = "back-card"
  6. Create workflow: When Button is clicked ? Flip Card

Element Properties
  • Front Card ID: ID Attribute of front face element
  • Back Card ID: ID Attribute of back face element

Workflow Action
  • Flip Card: Toggles between front/back with 3D rotation (180º, 0.6s duration)

Tips
  • Keep both cards same width/height for smooth animation
  • Set explicit dimensions (not "fit to content")
  • IDs are case-sensitive and must match exactly
  • Use clear visual cues (buttons, icons) to indicate card is flippable


Need Help?
Find documentation, guides, and other useful plugins to help you get the most out of this tool


 

 

Types

This plugin can be found under the following types:
Element   •   Action

Categories

This plugin can be found under the following categories:
Ecommerce   •   Containers   •   Technical   •   Productivity   •   AI   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble