i11 UIi11 registry

Tricks

A curated list of neat snippets, patterns, and creative hacks. They’re fun, occasionally useful, and great for exploring what’s possible.

Emoji Favicon

Use an emoji as your website's favicon. Just replace the emoji with your favorite one and drop this in the root layout:

<head>
  <link
    rel="icon"
    href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>📦</text></svg>"
  />
  ...
</head>

Introduction

A lightweight collection of UI components and tools built for simplicity and flexibility.

Components

A collection of clean, dependency-light UI components inspired by shad/cn. Each one is built for flexibility, readability, and easy customization.

On this page

Emoji Favicon