svxui

Svxui is free and open-source UI component library for svelte app.

Interactive Documentation

Features

23 customizable components:

• Type-safe with TypeScript.
• Most components are based on Radix UI Themes.

Accessible colors:

• Based on Radix Colors.
• Intuitive aliases gray/primary/blue/green/yellow/orange/red.

Light & Dark themes:

• Prevent FLOUC (Flash Of Unstyled Content).
• Real time system theme tracking.
• ssr/ssg compatible

Installation

npm install svxui
pnpm install svxui
yarn add svxui

Development

Install

pnpm install

Serve docs site + lib

pnpm run dev

Serve lib only

pnpm run dev:lib

Credits

Some parts of this lib come from the following:
(thanks to the developers for their incredible work!)

• Radix UI
• Svecosystem
• sthemer
• svelte-portal
• trap-focus-svelte
• clsx