MARKETPLACE
PLUGINS
FLIP IN - FLIP OUT
Flip In - Flip Out logo

Flip In - Flip Out

Published August 2024
   •    Updated February 2026

Plugin details

Flip In - Flip Out is a dynamic animation plugin that allows you to create engaging flip animations for any element on your Bubble app while revealing or hiding the element.
With simple actions, you can make elements flip into view or out of view, adding a touch of interactivity and visual appeal to your user interface.

Choose from horizontal, vertical, or diagonal flips in any direction to create the perfect animation for your design.

Free

For everyone

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

Other actions

Platform

Web

Contributor details

Battey Street Ventures logo
Battey Street Ventures
Joined 2023   •   1 Plugin
View contributor profile

Instructions

1. To use this plugin, first ensure you have added it to your Bubble app.
2. Identify the element you want to animate and note its Attribute ID. You can find this in the element's properties panel in the Bubble editor.

3. In your app's workflow, add either the 'Flip In' or 'Flip Out' action where you want the animation to occur.

4. For each action, you'll need to provide two pieces of information:
- Element ID: Enter the Attribute ID of the element you want to animate.
- Flip Direction: Choose from 'Horizontal Left', 'Horizontal Right', 'Vertical Top', 'Vertical Bottom', 'Diagonal Top-Left', 'Diagonal Top-Right', 'Diagonal Bottom-Left', or 'Diagonal Bottom-Right'.

5. The 'Flip In' action will animate the element into view, while the 'Flip Out' action will animate it out of view.

6. Test your app to see the flip animation in action!

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Technical   •   Small Business   •   Media   •   Image   •   News

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble