shaheemMPM
/ EmojiGrid.tsx
Created
July 10, 2025 10:55
A lightweight, system-compatible Emoji Picker component in React + TypeScript, using Unicode ranges of well-supported emojis only. Ideal for embedding in apps where a small set of safe emojis is preferred over full emoji libraries.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from "react"; | |
| // ✅ Safe emoji Unicode blocks | |
| const emojiRanges = [ | |
| [0x1f600, 0x1f64f], // Emoticons (faces, gestures, emotions) | |
| [0x1f680, 0x1f6c5], // Transport & map symbols | |
| [0x2600, 0x26ff], // Miscellaneous symbols | |
| [0x2700, 0x27bf], // Dingbats | |
| [0x1f300, 0x1f320], // Natural elements |