Anticode
  • Welcome to Anticode
  • Templates
    • Bubble - Startup Landing Page
    • Bubble - Directory/Listings Template
    • Bubble - Job Board/Search Template
    • Bubble - Product Sales Funnel Template
    • Bubble - Quiz Creator Template
    • Bubble - Meetup/Events Template
    • Bubble - All-in-one Template
  • Plugins
    • Bubble - Financial Data (Stocks, Forex etc.)
    • Bubble - Words API Plugin
    • Bubble Web Search Plugin
    • Bubble ColorTag API Plugin
    • Bubble - Loading Spinners
    • Bubble - Animations Plugin
    • Bubble - Shaking Animation
    • Bubble - Dot Spinners
    • Bubble - Button Effects on Hover
    • Bubble - Beautiful Spinners Plugin
    • Bubble - Clock Plugin
    • Bubble - Credit Card Validator Plugin
    • Bubble - Detect User Plugin
    • Bubble - Full-Screen Loading Animation Plugin
    • Bubble - Image Zoom on Hover Plugin
    • Bubble - Particles Animation
    • Bubble - Pattern Lock Plugin
    • Bubble - Foldable Elements Plugin
    • Bubble - Modify Favicon
    • Bubble - Elevator Scroll
    • Bubble - Image Zoomer Plugin
    • Bubble - Loading Overlay Plugin
    • Bubble - Detect Inactivity Plugin
    • Bubble - Blur Elements Plugin
    • Bubble - Simple Text to Speech
    • Bubble - Custom Cursor Plugin
    • Bubble - Transform and Translate Elements
    • Bubble - Animated Shapes Plugin
    • Bubble - Simple HTML Audio Player
    • Bubble - Click Bubbles Plugin
    • Bubble - iOS Style Spinner
    • Bubble - iOS Style Notifications
    • Bubble - Dynamic Page Title
    • Bubble - Focus Elements Plugin
    • Bubble- Confetti Animation Plugin
    • Bubble - Simple Loading Spinner
    • Bubble - Share Text Plugin
    • Bubble - Emoji Ratings Plugin
    • Bubble - Prevent Duplicate Windows/Tabs Plugin
    • Bubble - Highlight Text Plugin
    • Bubble - Browser Cookies Plugin
    • Bubble - Percentage Circles Plugin
    • Bubble - Analog Clock Plugin
    • Bubble - Loading Game Plugin
    • Bubble - Image Filters Plugin
    • Bubble - Local Push Notifications Plugin
    • Bubble - Number Counter Plugin
Powered by GitBook
On this page
  • Overview
  • Instructions
  1. Plugins

Bubble - Animations Plugin

PreviousBubble - Loading SpinnersNextBubble - Shaking Animation

Last updated 6 years ago

Overview

This Plugin allows you to add up to 24 different animations to your bubble animations, increasing the user experience of your application. You can choose between an animated image element or you can animate any element within a workflow. For a demo please visit:

Based upon WickedCSS v1.0 () Licensed under MIT

Instructions

There are two ways to add animations to your app:

  1. Go to the Settings -> General Tab of your app and enable the option to expose ID Attributes.

  2. Create an element that you would like to be animated and add an ID Attribute.

  3. Trigger an animation within a workflow (under the Plugins Menu) an enter the ID Attribute that you have added in

    Step 2 .

  4. You can stop an animation within a workflow by choosing "Stop animation" and entering the ID attribute of the element that should stop being animated.

You can also add an animation element to your app and upload an image/icon/svg etc. that should be animated and specify the animation that should be used. The image will be animated on page load.

https://animationsplugin.bubbleapps.io/
https://github.com/kristofferandreasen/wickedCSS