Add social-style mentions and hashtags with instant highlighting and dynamic linking. Customize colors and styles to create smooth, interactive inputs that boost engagement in mobile interfaces.
       
⚡ Main Functions:

• Interactive Mentions & Hashtags.
   Allow users to mention people with @ and add hashtags with # directly in the input field.
• Automatic Highlighting.
   Mentions and tags are instantly highlighted with customizable colors, fonts, and styles.
• Dynamic Data Integration.
   Connect mentions and tags to your Bubble database for real-time user and topic linking.

⚡ Key Features:

🎨 Customizable Appearance
      Fully control highlight colors, text styles, and formatting to match your app’s branding.
💬 Social-Media-Style UX
      Deliver a familiar, polished input experience that encourages interaction and engagement.



Documentation

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

       
FAQ

Is the Smart Input With Mentions & Tags Pro optimized for mobile?
Yes. The plugin is designed specifically for Bubble Native (mobile) apps and adapts seamlessly to mobile screens. It includes built-in support to keep the input visible above the on-screen keyboard.

Can users insert both @mentions and #hashtags?
Absolutely. It supports both dynamic @mentions and #hashtags, and highlights them as users type, just like on social media.

Are there real-time suggestion lists for mentions and tags?
Yes. The element offers live suggestions while typing, based on dynamic source lists you configure.

Can I customize the appearance of mentions, tags, and the input field?
Yes. You can fully customize design aspects including borders, colors, placeholder text, mention/tag background and text colors, and border radii.

Does it track metrics like word count or mention frequency?
Yes. It exposes states such as full text content, mention count, tag count, word count, last mention ID, and last tag ID for use in workflows.

What workflow events are available?
You can trigger workflows using events like: On Mention Select, On Tag Select, On New Mention Add, On New Tag Add, On Text Change (as the user types).

Will it shift the input when the keyboard appears?
Yes. The plugin uses Keyboard–Avoiding View support to ensure the input remains visible when the mobile keyboard is active.

How do I set it up in my Bubble app?
1. Install the Mention and Tag Bubble Mobile plugin.
2. Place the Smart Input With Mentions & Tags element on your page.
3. Configure your @mention and #tag source lists.
4. Customize the design to match your brand.
5. Use the available states and events to build your workflows.

   

Our Similar Plugins

- Dynamic Modern Tags
- Add Dynamic Tags
- Small Tags + Tabs
- Mention - Tag Users/Items Lite
- Mention - Tag Users/Items (Tagger)
- Tags Native Mobile




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)!