MARKETPLACE
PLUGINS
FLOATING INPUT (NATIVE)
Floating Input (Native) logo

Floating Input (Native)

Published June 2026
   •    Updated this week

Plugin details

A premium, highly customizable native input field with a modern floating label animation inspired by iOS and Material Design. Designed specifically for the Bubble Mobile Runtime (React Native). It features smooth label transitions, responsive width, password visibility toggles, error message support, and automatically inherits native element typography settings.
🔗 [View demo page](https://plugins-demo-mobile.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=Floating%20Input%20(Native))
🔗 [View demo in editor](https://bubble.io/page?id=plugins-demo-mobile&tab=Design&name=Floating+Input+%28Native%29&type=page)

$36

One time  •  Or  $3/mo

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

Platform

Native mobile

Contributor details

Acampamento no-code logo
Acampamento no-code
Joined 2021   •   51 Plugins
View contributor profile

Instructions

1. Install the plugin and add the **Floating Input (Native)** element to your page. 2. In the properties panel, configure the **Placeholder / Label** text.
3. Bind a dynamic state or text search value to the **Value** property.
4. Set up workflows reacting to the **Input Changed**, **Input Focused**, and **Input Blurred** events.
5. Retrieve the user's typed input dynamically using the **Value** exposed state.

Types

This plugin can be found under the following types:
Element   •   Event

Categories

This plugin can be found under the following categories:
Productivity   •   Technical   •   Mobile   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble