Modern UI Component Library

Build beautiful web apps faster with UiSvelte

A comprehensive Svelte 5 component library that handles the complexity, so you can focus on building great products. Optimized for AI code generation and mobile-first design.

100% TypeScript
MIT License
Lightweight Bundle

Open source • Powered by SappsDev

Why UiSvelte?

Built different from traditional component libraries

Svelte 5 Native

Built from scratch with $state, $derived, and runes. No legacy code.

AI-First Docs

Paste /static/llm/*.md into any LLM and generate components instantly.

70+ Components

Charts, forms, overlays, navigation, layouts. Everything you need.

Key Features

Everything you need to build modern web applications

Zero Runtime Overhead

Components compile to vanilla JS. No virtual DOM, no runtime library. Just pure Svelte 5 performance.

TypeScript Everything

Full autocomplete for props like color, variant, size. Catch errors before they happen.

AI-Ready Documentation

Markdown docs in /static/llm/ designed for Claude, GPT, and Cursor. Just paste and build.

CSS Variables Only

No CSS-in-JS. Customize colors, spacing, radii with standard CSS. Works with any approach.

20+ Form Components

Text, select, date, color, phone, OTP, rich editor. Built-in validation and accessibility.

Complete App Shells

Scaffold, Sidebar, AppBar, Footer, Tabs. Build production layouts in minutes, not hours.

See it in Action

Clean, intuitive API that just works — copy, paste, and customize

Welcome Back

Email
Password

Get Started in 80 Seconds

Copy, paste, and you're ready to build

1. Install the package

2. Use components

Full Installation Guide →

Ready to Build Something Amazing?

Join developers shipping faster with UiSvelte. Start building beautiful apps today.