{"repo":"liveblocks/frimousse","free":true,"listed":false,"github":"https://github.com/liveblocks/frimousse","clone":"git clone https://github.com/liveblocks/frimousse.git","description":"A lightweight, unstyled, and composable emoji picker for React.","language":"TypeScript","stars":1772,"topics":["component","emoji","emoji-picker","emojibase","liveblocks","react","unstyled"],"license":"MIT","category":"cli-tools","readme_excerpt":"A lightweight, unstyled, and composable emoji picker for React. - ⚡️ Lightweight and fast : Dependency-free, tree-shakable, and virtualized with minimal re-renders - 🎨 Unstyled and composable : Bring your own styles and compose parts as you want - 🔄 Always up-to-date : Latest emoji data is fetched when needed and cached locally - 🔣 No � symbols : Unsupported emojis are automatically hidden - ♿️ Accessible : Keyboard navigable and screen reader-friendly Installation If you are using shadcn/ui, you can also install it as a pre-built component via the shadcn CLI. Learn more in the shadcn/ui section. Usage Import the EmojiPicker parts and create your own component by composing them. Apart from a few sizing and overflow defaults, the parts don’t have any styles out-of-the-box. Being composable, you can bring your own styles and apply them however you want: Tailwind CSS, CSS-in-JS, vanilla CSS via inline styles, classes, or by targeting the [frimousse- ] attributes present on each part. You might want to use it in a popover rather than on its own. Frimousse only provides the emoji picker itself so if you don’t have a popover component in your app yet, there are several libraries available: Radix UI, Base UI, Headless UI, and React Aria, to name a few. shadcn/ui If you are using shadcn/ui, you can install a pre-built version which integrates with the existing shadcn/ui variables via the shadcn CLI. It can be composed and combined with other shadcn/ui components like Popover. Docu","default_branch":null,"files":null,"tree":[],"storefront":"/r/liveblocks","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/liveblocks/frimousse/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}