Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/radiium/svxui
https://github.com/radiium/svxui
svelte svelte-component sveltekit ui-components
Last synced: 14 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/radiium/svxui
- Owner: radiium
- License: mit
- Created: 2024-10-09T19:54:53.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-10-21T04:57:47.000Z (26 days ago)
- Last Synced: 2024-10-22T23:57:40.382Z (24 days ago)
- Topics: svelte, svelte-component, sveltekit, ui-components
- Language: Svelte
- Homepage: https://svxui.vercel.app/
- Size: 544 KB
- 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)