😄 EmojiPicker — A Svelte Emoji Picker Component

A simple, reusable, and event-based emoji picker built for Svelte. Perfect for chat apps, editors, and anything fun!

---

🚀 Features

• 🎉 Clean grid of emojis
• 🧠 Emits selected emoji using on:emoji event
• 🛠️ Easy to integrate into Svelte apps
• 📦 Works with npm, pnpm, bun, and jsr (Deno)

---

📦 Installation

Install via your favorite package manager:

npm

npm i @shaarugesh/emoji-picker-svelte

pnpm

pnpm add @shaarugesh/emoji-picker-svelte

bun

bun add @shaarugesh/emoji-picker-svelte

jsr (Deno)

import * as  EmojiPicker from "jsr:@shaarugesh/emoji-picker-svelte";

---

🧑‍💻 Usage

Import and use the emoji picker in any Svelte component:

<script lang="ts">
    import EmojiPicker from '@shaarugesh/emoji-picker-svelte';

  let selectedElement = { content: '' };

  function updateTextSettings() {
    // Your custom logic
    console.log('Updated:', selectedElement.content);
  }
</script>

<EmojiPicker
  on:emoji={(e: CustomEvent) => {
    selectedElement.content = e.detail;
    updateTextSettings();
  }}
/>

---

🎪 Demo Link

https://emoji-picker-demo.vercel.app

---

Github repo link

https://github.com/Sanjai-Shaarugesh/Emoji-Picker

---

🛠 Development Setup

git clone https://github.com/your-org/emoji-picker.git
cd emoji-picker
npm install
npm run dev

Make sure you have SvelteKit if you're testing it inside an app.

---

🤝 Contributing

Got an idea? Found a bug? Open an issue or PR — contributions are welcome!

---

📄 License

MIT © sanjai-shaarugesh

---

❤️ Support

If you like this project, give it a ⭐ on GitHub and share it with others!