https://github.com/radiium/svxui
https://github.com/radiium/svxui
svelte svelte-component sveltekit ui-components
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/radiium/svxui
- Owner: radiium
- License: mit
- Created: 2024-10-09T19:54:53.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-12-23T11:55:43.000Z (6 months ago)
- Last Synced: 2025-04-11T14:10:01.071Z (3 months ago)
- Topics: svelte, svelte-component, sveltekit, ui-components
- Language: Svelte
- Homepage: https://svxui.vercel.app/
- Size: 1.24 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# svxui
Svxui is free and open-source UI component library for svelte app.
---
## Interactive [Documentation](https://svxui.vercel.app/)
## Features
### 23 customizable components:
- Type-safe with TypeScript.
- Most components are based on [Radix UI Themes](https://www.radix-ui.com/themes/docs/overview/getting-started).
### Accessible colors:
- Based on [Radix Colors](https://www.radix-ui.com/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
```bash
npm install svxui
pnpm install svxui
yarn add svxui
```
## Development
### Install
```bash
pnpm install
```
### Serve docs site + lib
```bash
pnpm run dev
```
### Serve lib only
```bash
pnpm run dev:lib
```
## Credits
Some parts of this lib come from the following:
(thanks to the developers for their incredible work!)
- [Radix UI](https://www.radix-ui.com/)
- [Svecosystem](https://github.com/svecosystem)
- [sthemer](https://github.com/ivanhofer/sthemer)
- [svelte-portal](https://github.com/romkor/svelte-portal)
- [trap-focus-svelte](https://github.com/henrygd/trap-focus-svelte)
- [clsx](https://github.com/lukeed/clsx)