UI COMPONENTS NATIVE MOBILE

UI Components Native Mobile

Published June 2025

    •    Updated this week

Plugin details

Add sliders, switches, and scrolling marquees with full styling control. Customize size, color, speed, trigger workflows from user actions, and create smooth, engaging interactive UI elements.

        
⚡ Main Functions:

• Interactive UI Elements.
    Add interactive sliders, switches, and scrolling marquees.
• All-in-One Plugin.
    Combine three essential UI elements in one performance-optimized plugin.
• Customizable Design.
    Customize appearance, size, color, labels, and speed to match your app.
• Versatile Functionality.
    Use sliders for values, filters, ratings, or brightness.
• Switch Toggles & Marquees.
    Implement switch toggles and display marquee-style scrolling text.

⚡ Key Features:

🎯 Enhanced Interactivity
       Designed to enhance interactivity and engagement with minimal setup effort.
⚙️ Workflow Integration
       Fully compatible with Bubble workflows - react to user input in real time.
📱 Mobile Optimization
       Works across all mobile devices and screen sizes.
🧩 Versatile Use Cases
       Great for onboarding, control panels, and showcases.



Documentation

We’ve created a detailed step-by-step guide for the UI Components Native Mobile Plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

        
FAQ

What does the UI Components (Native Mobile) plugin include?
This plugin includes three essential mobile UI elements: a slider, a toggle switch, and a marquee (scrolling text) — all optimized for Bubble native mobile apps.

Can I customize the design of each component?
Yes. You can adjust colors, sizes, border radius, labels, speed (for marquee), and more through the plugin’s visual settings.

Is the slider responsive to touch input?
Absolutely. The slider is fully touch-responsive and ideal for value inputs like volume, range, or brightness.

What can I use the switch element for?
The switch is perfect for enabling/disabling features, toggling preferences, or controlling settings — it integrates easily with workflows.

Does the marquee scroll automatically?
Yes. The marquee allows you to scroll long text horizontally with adjustable speed and direction.

Are these elements usable in workflows?
Yes. You can trigger workflows based on user interaction with the slider or switch (e.g., when value changes or switch is toggled).

Can I use these elements inside repeating groups or reusable elements?
Yes, all UI components are compatible with repeating groups and reusable elements in Bubble.

Is this plugin optimized for mobile use only?
While it's designed for Bubble’s native mobile environment, it may also work in responsive web apps, but is specifically tailored for mobile UI/UX.

    

Our Similar Plugins

- Material Design CSS
- Android & IOS UI Components




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

$40

One time • Or $4/mo

4.3 stars   •   4 ratings

730 installs  

This plugin does not collect or track your personal data.

Platform

Native mobile

Contributor details

Zeroqode - Top Bubble Agency

Joined 2016   •   838 Plugins

View contributor profile

Instructions

This plugin is designed specifically for the mobile version of the Bubble editor.
To test the plugin on your mobile, use the TestFlyght app - 
https://testflight.apple.com/join/4fXUggud
⚠️ Please note that the testing app is currently available for iOS only.

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/plugins/ui-components-native-mobile?utm_source=bubble_plugins_docs&utm_medium=referral&utm_campaign=UIComponentsNativeMobile

1.Install the Plugin: Navigate to your Bubble app’s Plugin tab and install the Native Animations plugin from the Plugin store.
2. Add the Element: Drag and drop the Switch/Slider/Marquee/Bottom Sheet/Floating Action Button/Flip Card/Accordion/Section List/Rating Stars/Progress Bar element from the Visual Elements section onto your page.
3. Configuration: In each element properties panel, set the "Color", "Text", "Content", "Image Url" fields (either static text or a dynamic value from your database).
4. Set Dimensions: All elements comes with default dimensions of 393x200 pixels, but you can resize it to fit your design needs.

Types

This plugin can be found under the following types:

Element   •   Event   •   Action

Resources

Support contact

Documentation

Tutorial

Rating and reviews

Average rating (4.3)

Helpful building blocks

November 13th, 2025

Gives me ready UI elements that look and feel native

Hello there,
Anton here, from the Zeroqode Support Team.

Your positive review means a lot to us and it's wonderful to know we could add value for our users.

Our team is always ready to assist, so if you have any queries or feedback, don't hesitate to reach out through our forum (https://forum.zeroqode.com/) or directly at [email protected]. Should there be any issues with our plugins, please report them at https://issues.zeroqode.com for prompt support.
Thank you once again for your feedback.

Kind regards,
Anton

November 14th, 2025

•

Zeroqode - Top Bubble Agency

Excellent UI Components

October 13th, 2025

The UI Components plugin provides a wide variety of components that help speed up the app development process

Greetings,
It’s Anton, from the Zeroqode Support Team.

We're grateful for your warm review and are delighted to bring joy to our users.

Our lines are always open if you have any questions or suggestions. You can contact us on our forum (https://forum.zeroqode.com/) or directly at [email protected]. In case you find some issues without plugins, please fill out the form at https://issues.zeroqode.com and we will get back to you

Again, thank you for the review.

Best Regards,
Anton

October 14th, 2025

•

Zeroqode - Top Bubble Agency

Boosted my app’s UI instantly

September 28th, 2025

Very helpful set of UI elements. Clean, native-looking, and easy to implement. It helped me build better screens in less time

Hello,
Anton here with Zeroqode Support.

We’re delighted to receive your positive review. Knowing that our plugin meets your needs is a great achievement for us, and we’re grateful for your feedback.

If you ever need assistance or have suggestions, don’t hesitate to reach out on our forum (https://forum.zeroqode.com/) or directly at [email protected]. We’re always here to help.

Thank you for choosing Zeroqode.

Kind regards,
Anton

September 29th, 2025

•

Zeroqode - Top Bubble Agency

Getting error message on progress bar

August 8th, 2025

Try to make this progress bar dynamic with a recurring workflow every second to update progress bar so it loads but I get this error : Action Set Progress ProgressBar_loading The plugin UI Components Native Mobile / action Set Progress a Progress Bar threw the following error: TypeError: e.data[_0x202945(...)] is not a function at eval (PLUGIN_1733409285399x719410867216580600/UI-Components-Native-Mobile-element_action--Progress-Bar-Set-Progress-.js:3:2107) at https://pplushockey.com/package/native_web_js/7ccde54033aff625e5b5eead782f745af45512e5870b29a7cc12df187cdcb80b/native_web.js:2916:3239 (please report this to the plugin author)

Hello, 👋
This is Anton from the Zeroqode Support Team.

Thank you for your review and for sharing the details of the error you’ve encountered.

We’ve tested the plugin on our demo page, and everything appears to be working correctly on our side. We also reached out to you via email to gather more details and assist with troubleshooting, but unfortunately, we haven’t received a response.

Please feel free to contact us via our forum at forum.zeroqode.com or directly at [email protected] so we can help you identify and resolve the issue in your specific setup.

Best Regards,
Anton