MARKETPLACE
PLUGINS
PLACEHOLDER ANIMATION
Placeholder Animation logo

Placeholder Animation

Published June 2023
   •    Updated September 2026

Plugin details

The Placeholder Animation Plugin animates input placeholders by moving the placeholder text to the top of the input field when the input is focused.
How to Use Plugin

Install the plugin from the Bubble Plugin Marketplace.
Add the required elements or actions to your application.
Configure the plugin settings according to your requirements.
Follow the documentation for detailed setup instructions.


Quick Links

▶ Live Demo

⚙ Demo Editor

▤ Documentation

Support & Maintenance

Actively maintained and supported by our dedicated team, with responsive support available through our support forum (forum.thechakor.com). Our team is committed to responding to support requests within 24 hours.

Discover more plugins by Chakor:

Chakor

Free

For everyone

1.0 stars   •   1 ratings
75 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web & Native mobile

Contributor details

Chakor logo
Chakor
Joined 2021   •   372 Plugins
View contributor profile

Instructions

1. Add an ID to Your InputsMake sure all input elements you want to animate on the page have the same ID attribute. For example:
input-field
All inputs that should use the animation must have this same ID.
2. Add the Placeholder Animation ElementAdd a Placeholder Animation element to the page.
In the plugin element's settings, enter the ID attribute you assigned to your input elements.
The plugin will then apply the floating placeholder animation to the matching inputs.
Important Notes

This plugin is designed to work withinput elements placed inside a column-layout parent container.
If you want to place inputs in arow layout, you will need to use aseparate instance of the plugin element for each input.
Make sure the ID entered in the plugin settings exactly matches the ID assigned to the input elements.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (1.0)

Almost there! But doesn't work
March 4th, 2025
It almost works, the input gets cut off for some reason and the text overlaps the border.
Thank you for using our plugin! We sincerely apologize for any inconvenience this may have caused. Could you please create a thread on our support forum with more details about the issue? If possible, attaching a screenshot would help our team better understand and resolve the problem. You can access our forum here: https://forum.thechakor.com/ We are committed to continuously improving and supporting our plugins, and we’ll do our best to resolve your issue as quickly as possible. Thank you for your patience and support! (plugin author)
March 4th, 2025
  •  
Chakor
I don't have time to post on your forum. Do you have an editor example of it actually working somewhere? Then we can see that it works and adapt our app to how it works.
March 4th, 2025
  •  
Original reviewer
Bubble