Lightweight Emoji Picker Pro

✅

Link to the plugin page: https://zeroqode.com/plugin/lightweight-emoji-picker-pro-plugin-for-bubble-1709622683193x999007028483119600

Demo to preview the plugin:

✅

Live Demo: https://weswas.bubbleapps.io/emoji-picker?utm_source=zeroqode&utm_medium=referral&utm_campaign=btn_demo_plugin

✅

Bubble Editor: https://bubble.io/page?version=live&id=weswas&name=emoji-picker&tab=tabs-1

Introduction

A lightweight and highly performant Emoji Picker for Bubble.io that allows users to select emojis and retrieve their Unicode, skin tone, tags, shortcodes, and annotation. Offers native and fancy picker interfaces, custom event triggers, and smooth integration into your app workflows.

Key Features

Title	Description	Type
	The minimum element size is 400px width and 176px height.
Insert Clicked Emoji	Inserts the selected emoji at the current cursor position in the input field. Only works with input elements.	Checkbox (yes/no)
HTML ID of Input	The HTML ID of the input element where the emoji will be inserted. Required only if “Insert Clicked Emoji” is enabled.	Text (optional)
Emoji Size (in px)	Sets the display size of each emoji in pixels.	Number
Emoji Padding (in px)	Sets the spacing between emojis in pixels.	Number
Background Color	Sets the background color of the emoji picker popup.	Color
Emoji Background Color	Sets the background color of individual emoji items within the picker.	Color

Title	Description	Type
Emoji Unicode	Returns the Unicode value of the last emoji clicked by the user.	Text
Emoji Skin Tone	Returns the skin tone of the last emoji clicked, from 1 (lightest) to 5 (darkest).	Number
Emoji Tags	Returns the tags associated with the last emoji clicked.	Text
Emoji Shortcodes	Returns the shortcodes (like `:smile:`) of the last emoji clicked.	Text
Emoji Annotation	Returns the annotation (description) of the last emoji clicked.	Text

Title	Description
Emoji is Clicked	This event is triggered whenever a user clicks an emoji. The clicked emoji’s details (Unicode, skin tone, tags, shortcodes, annotation) can be accessed via the exposed states in the plugin.

Lightweight Emoji Picker Pro

Demo to preview the plugin:

Introduction

How to Setup

Step 1 – Install the Plugin

Step 2 – Add the Plugin Element to Your Page

Plugin Element Properties - Emoji Picker

Fields

Exposed States

Element Events

Changelogs

Update 16.10.25 - Version 1.16.0

Update 14.10.25 - Version 1.15.0

Update 01.08.25 - Version 1.14.0

Update 17.07.25 - Version 1.13.0

Update 16.06.25 - Version 1.12.0

Update 02.05.25 - Version 1.11.0

Update 23.07.24 - Version 1.10.0

Update 13.06.24 - Version 1.9.0

Update 30.04.24 - Version 1.8.0

Update 29.03.24 - Version 1.7.0

Update 19.03.24 - Version 1.6.0

Update 15.03.24 - Version 1.5.0

Update 07.03.24 - Version 1.4.0

Update 07.03.24 - Version 1.3.0

Update 05.03.24 - Version 1.2.0

Update 08.12.23 - Version 1.1.3

Update 10.08.23 - Version 1.1.2

Update 04.08.23 - Version 1.1.1

Update 25.04.23 - Version 1.1.0

Update 23.02.23 - Version 1.0.1

Update 25.08.22 - Version 1.0.0