Introduction

SnowUI is a Svelte 5 design system for familiar, predictable product experiences. It converges color, type, radius, size, padding, and gap into a deliberately small foundation—then keeps customization open through composition, themes, and public APIs.

Get started Explore components

Small by design

SnowUI keeps the everyday design surface deliberately small. A compact set of semantic colors, type sizes, spacing, radii, and dimensions makes common UI consistent by default, while composition, themes, and public APIs keep products distinct.

Reliable by default

Familiar

Controls follow recognizable patterns instead of inventing a new interaction language for every product.

Predictable

States, keyboard behavior, focus, motion, loading, and composition follow shared contracts.

Customizable

Defaults are complete, while variants, Props, Snippets, themes, classes, and styles remain stable escape hatches.

System-wide capabilities

Coordinated scaling

Typography, dimensions, padding, gaps, and radii scale together while size meanings stay stable.

Automatic skeletons

Components describe their rendered shape so loading states need no page-authored placeholder structure.

Semantic icons

Built-in functional icons work without an optional resource package and can switch through one application provider.

Shared protocols

State, layout, context, loading, and outer motion are implemented once and improve every participating component.

Lean semantic HTML

Components minimize wrappers without sacrificing semantics, keyboard behavior, or assistive-technology support.

Unified localization

Dates, numbers, built-in messages, and accessible names share one locale contract across components.

One system, clear product layers

Basic components

Accessible foundations for adopting SnowUI in Svelte applications.

Composite components

Advanced data, visualization, motion, and coordinated interaction.

Application blocks

Larger application structures built from the same public contracts.

Let AI generate interactive interfaces in conversation

SnowUI is a Svelte 5 component and design system. We are building interactive interfaces generated by AI in conversation, so people can enter, choose, act, and continue the conversation. Support depends on verified components, versions, and chat hosts. Generating and using SnowUI interfaces inside AI conversations is completely free. It is not a project, uses no project or developer-seat quota, and requires no SnowUI registration, activation, or paid proof.

Conversational UI is in development. Supported components and platforms will be announced after verification.

Generating and using SnowUI interfaces inside AI conversations is completely free. It is not a project, uses no project or developer-seat quota, and requires no SnowUI registration, activation, or paid proof.

Designed for people and AI

Figma variables, design tokens, public Svelte APIs, runnable examples, tests, and machine-readable catalogs share the same component facts. Designers, developers, and coding agents can find an existing contract before creating new DOM, CSS, or behavior.

Explore SnowUI

Start building

Install the packages and render your first SnowUI component.

Read Quick Start

Browse foundations

See the public Button API and follow the component navigation from there.

View Button

Explore advanced UI

Review richer data and visualization components in the component library.

View DataTable