MARKETPLACE
PLUGINS
PERFECT FLIP
Perfect Flip logo

Perfect Flip

Published February 2025
   •    Updated January 2026

Plugin details

🎨 Perfect Flip – Add Stunning 3D Flip Effects to Your Bubble App!
Transform your UI with smooth 3D flip card animations – by IFINITY!

The Perfect Flip plugin allows you to seamlessly apply 3D card flip effects using simple ID-based targeting. Create engaging product cards, profile cards, or image flips with hover-triggered animations for an interactive user experience. ✨

🛠️ Key Features

◾ 3D Flip Card Effect → Automatically applies a smooth 3D flip animation.

◾ Front & Back Rotation → Rotates dynamically based on ID-based targeting.

◾ Effortless Setup → Simply input four IDs to activate the flip effect instantly.

◾ Hover Effect → Reveal the back of the card smoothly on mouse hover.

💡 Why Use Perfect Flip?

1️⃣ Dynamic Repeating Groups Support → Works seamlessly in Repeating Groups, allowing consistent animations across multiple elements.

2️⃣ Interactive UI Enhancement → Perfect for product cards, profile cards, or flipping image galleries.

3️⃣ No Coding Required → Simply input IDs and let the plugin handle the animations!

🚀 Upgrade your UI today with engaging 3D flip effects!

Free

For everyone

5.0 stars   •   2 ratings
84 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

IFINITY | Build your 'if' logo
IFINITY | Build your 'if'
Joined 2023   •   14 Plugins
View contributor profile

Instructions

⚙️ How to Use ⚙️
1️⃣ Add the Plugin to the Page

  ◾ Add the plugin to your Bubble page.



2️⃣ Container Layout Setup

  ◾ Set the container_id to aligned parent layout.

  ◾ Set the inner_id to aligned parent layout as well, and position the front_id and back_id inside inner_id, overlapping them.



3️⃣ Enter ID Values in the Plugin

🔸 In the plugin settings, input the following IDs:

  ◾ container_id: The outer container for the card.

  ◾ inner_id: The inner group that will rotate.

  ◾ front_id: The front face of the card.

  ◾ back_id: The back face of the card.




📩 Support & Custom Plugin Development
Need help or looking for a custom Bubble plugin? We’re here to assist!

📧 Email: [email protected]
🌐 Website: https://if-inity.io

🌐 Discover More Plugins by IFINITY
▪ Explore More Plugins: https://if-inity.io/product/plugin

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Containers   •   Technical   •   Image   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Clean & Fast to setup
November 21st, 2025
Thank you! Work as it should with no issues.
works perfectly!
February 14th, 2025
Bubble