MARKETPLACE
PLUGINS
LOG IN/SIGN UP ANIMATIONS
Log In/Sign Up Animations logo

Log In/Sign Up Animations

Published December 2024
   •    Updated today

Plugin details

The Login Signup Animation Plugin brings life to your login and signup forms with an interactive Yeti avatar. This playful character animates dynamically based on user interactions with input fields, wherever they are on the page. The Yeti reacts with engaging gestures, including blinking(eye movements), covering its eyes when the password field is focused, and other lively animations. Perfect for enhancing user experience, this plugin combines responsive design with smooth animations, making your forms more memorable and delightful. Demo link:
https://chakor-demo-4.bubbleapps.io/version-test/login_signup_animation?debug_mode=true

Free

For everyone

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

Other actions

Platform

Web

Contributor details

Chakor logo
Chakor
Joined 2021   •   371 Plugins
View contributor profile

Instructions

Instructions for Installing and Using the Login Signup Animation Plugin: Installation:  
1. Add the Plugin to Your Bubble App  
  - Go to the Bubble Plugin Marketplace  
  - Search for "Login Signup Animation".  
  - Click Install to add the plugin to your Bubble app.  

2. Set Up the Plugin
  - After installation, navigate to your app's editor.  
  - In the Plugins tab, ensure the "Login Signup Animation" plugin is listed and active.  

Usage:  

Step 1: Add the Yeti Avatar Element  
- Drag and drop the "Login Signup Animation" element from the plugin section onto your page.  
- Position the Yeti avatar where you'd like it to appear (it can be anywhere; it will react to form inputs dynamically).  

Step 2: Link to Input Fields  
- Ensure your input fields (e.g., username, email, password) are properly set up on the page.  
- The Yeti will automatically detect and animate in response to user interactions with these fields.  

Step 4: Test and Publish  
- Preview your app to test the interactive Yeti animations.  
- Once satisfied, publish your app and watch the Yeti delight your users.  

Additional Tips:  
- Place the Yeti avatar element at a visible location on your page for maximum effect.  
- Ensure the input fields are within the same page and not hidden dynamically.  
- For advanced customization, refer to the plugin settings or consult the plugin's documentation.  

Enjoy creating a fun and engaging user experience! 🎉

Editor Link:
https://bubble.io/page?id=chakor-demo-4&tab=Design&name=login_signup_animation&type=page

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble