MARKETPLACE
PLUGINS
EMOJI PICKER (WEB & MOBILE)
Emoji picker (Web & Mobile) logo

Emoji picker (Web & Mobile)

Published July 2026
   β€’    Updated today

Plugin details

😊 Emoji Picker Pro
Bring a modern, fast and highly customizable emoji picker to your Bubble applications with Emoji Picker Pro.

Designed with a clean interface and professional user experience, this plugin provides instant emoji search, category navigation, recent emojis, live previews, customizable layouts and much moreβ€”all with a simple workflow integration.

Whether you're building chat apps, social platforms, comments, forms or messaging systems, Emoji Picker Pro makes emoji selection intuitive and delightful.

✨ Features

😊 Complete emoji library
πŸ” Smart search by emoji, name or tags
πŸ“‚ Category navigation
πŸ•˜ Recently used emojis
πŸ‘€ Live emoji preview
πŸ’‘ Bottom information panel with emoji name and tags
🎨 Adjustable emoji size
πŸ“ Configurable rows and emojis per row
πŸŽ›οΈ Fully customizable appearance
❌ Optional close button
πŸ–±οΈ Close on outside click
⌨️ Close with Escape key
⚑ Optional auto-close after selection
🎯 Publishes the selected emoji as a Bubble State
πŸš€ Workflow event when an emoji is selected

πŸ’™ Perfect for

  • Chat applications
  • Messaging systems
  • Comments
  • Social networks
  • Forums
  • Customer support
  • Feedback forms
  • Community platforms
  • CRM systems
  • Productivity apps
  • Any Bubble application that needs modern emoji input

Make your Bubble apps more expressive with a beautiful, responsive and highly configurable emoji picker. 🌟

1 Plugin – Two platforms: Web and Mobile.

You don't need to purchase two different plugins for different projects. Our plugin features two layersβ€”one for web and one for mobileβ€”both fully functional.



MOBILE EDITOR          MOBILE PREVIEW



WEB EDITOR               WEB PREVIEW

WEB EDITOR               WEB PREVIEW

$30

One time  β€’  Or  $3/mo

stars   β€’   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Ticket Land logo
Ticket Land
Joined 2020   β€’   69 Plugins
View contributor profile

Instructions

Using Emoji Picker Pro is simple and requires only a few steps.
1️⃣ Add the Element

Drag the Emoji Picker Pro element onto your page.

The element itself is not visible to your users. It only stores the configuration and exposes the workflows and states.

2️⃣ Configure the Picker

Customize the picker using the available properties.

Display
  • Show Search
  • Show Categories
  • Show Recents
  • Show Preview
  • Show Bottom Tip
  • Show Close Button

Behavior

  • Hide on Emoji Click
  • Hide on Click Outside
  • Hide on Escape Key

Layout

  • Emoji Size
  • Emojis per Row
  • Rows
  • Appearance
  • Border Style
  • Border Width
  • Border Radius
  • Border Color

3️⃣ Open the Picker

Whenever you want to display the picker, run the action:

Emoji Picker Pro β†’ Toggle Picker

If the picker is closed, it will open.

If it is already open, it will close.

4️⃣ Get the Selected Emoji

When the user selects an emoji, the plugin publishes the state:

Selected Emoji

Example:πŸ˜€

You can use this state anywhere in Bubble.

5️⃣ React to Emoji Selection

The plugin also triggers the event:

An Emoji Is Selected

This event is fired immediately after the Selected Emoji state is updated, making it ideal for workflows such as:

  • Insert the emoji into a text field
  • Save the emoji to the database
  • Send a message
  • Update the UI
  • Trigger custom actions

πŸ” Smart Search

The search bar can find emojis by:

  • Emoji name
  • Keywords (tags)
  • Emoji character


πŸ•˜ Recent Emojis

When Show Recents is enabled, recently selected emojis are automatically saved and displayed in the Recents category for quick access.

πŸ’‘ Bottom Tip

When Show Bottom Tip is enabled, hovering over an emoji displays:

  • Large emoji preview
  • Emoji name
  • Related keywords (tags)

⚑ Tips

  • Enable Hide on Emoji Click for chat and messaging applications.
  • Disable Hide on Emoji Click if users may need to insert multiple emojis consecutively.
  • Enable Show Search for large emoji collections.
  • Enable Show Categories to improve navigation.
  • Use the An Emoji Is Selected event to build responsive workflows without polling states.

Types

This plugin can be found under the following types:
Element   β€’   Event   β€’   Action

Categories

This plugin can be found under the following categories:
Chat   β€’   Productivity   β€’   Technical   β€’   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble