🎨 Emojibrary

A fun and fresh emoji search and browser app built with SvelteKit, TypeScript, DaisyUI, and Tailwind CSS.

Features

• 🔍 Search emojis by name, keywords, or code point
• 📂 Filter by category
• 📱 Progressive Web App (PWA) - works offline
• 🎨 Beautiful UI with DaisyUI themes
• ⚡ Lightning fast with static site generation
• 📦 Ad-free and open source

Setup

1. Install dependencies:

npm install

2. Your emoji data should already be in place at static/data/emoji_unicode_17_data.json
   • The expected format is an array of emoji objects:

[
  {
    "group": "Smileys & Emotion",
    "subgroup": "face-smiling",
    "status": "fully-qualified",
    "char": "😀",
    "emoji_version": "1.0",
    "name": "grinning face",
    "codepoints": ["1F600"],
    "sequence": "1F600",
    "codepoint_count": 1
  }
]

3. Run the development server:

npm run dev -- --open

Building

To create a production build:

npm run build

The static site will be generated in the build directory.

Project Structure

src/
├── lib/
│   ├── assets/          # Static assets
│   ├── types/           # TypeScript types
│   └── index.ts         # Library exports
└── routes/
    ├── +layout.svelte   # Root layout
    ├── +layout.ts       # Layout configuration
    └── +page.svelte     # Home page

static/
└── data/
    └── emoji-data.json  # Your emoji data file

Tech Stack

• SvelteKit - Web framework with static adapter
• TypeScript - Type safety
• Tailwind CSS - Utility-first CSS
• DaisyUI - Component library
• Vite PWA - Progressive Web App support