Jera

A minimal, reactive component library for Svelte 5. Built on the Miozu Base16 design system.

Features

• Miozu Design Tokens - Base16 color palette, spacing, typography, effects
• Reactive Utilities - cn(), cv() for class composition with Svelte 5 runes
• Accessible Components - Button, Input, Select, Badge, Checkbox, Switch, Toast
• Svelte Actions - clickOutside, focusTrap, portal, escapeKey, and more
• AI-First Documentation - Optimized for LLM-assisted development

Quick Start

Installation

Import Components

Import Tokens

Import all tokens or pick individual sets:

Design Philosophy

Jera follows the principle of minimal complexity with maximum utility. Each component is designed to be:

• Simple - Clean API, sensible defaults
• Accessible - ARIA attributes, keyboard navigation
• Themeable - CSS custom properties for easy customization
• AI-friendly - Well-documented for LLM consumption

Browser Support

• Chrome 88+
• Firefox 78+
• Safari 14+
• Edge 88+

Requires Svelte 5.0+