https://github.com/wqy2dev/five-ui
The UI component library based on Svelte + Tailwind CSS, contains more than 30 commonly used components!
https://github.com/wqy2dev/five-ui
five-ui svelte svelte-components svelte-kit svelte-ui svelte5 tailwindcss ui
Last synced: 3 months ago
JSON representation
The UI component library based on Svelte + Tailwind CSS, contains more than 30 commonly used components!
- Host: GitHub
- URL: https://github.com/wqy2dev/five-ui
- Owner: wqy2dev
- License: mit
- Created: 2024-11-27T08:13:14.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-03-12T15:10:17.000Z (4 months ago)
- Last Synced: 2025-04-09T22:12:37.406Z (3 months ago)
- Topics: five-ui, svelte, svelte-components, svelte-kit, svelte-ui, svelte5, tailwindcss, ui
- Language: Svelte
- Homepage:
- Size: 471 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Introduction
FiveUI is a **beautiful,modern,open-source UI** toolkit built with [**Svelte**](https://svelte.dev/) and [**Tailwind CSS**](https://tailwindcss.com/), designed to help developers create reactive web interfaces. Whether you are building a simple prototype or a complex web application, FiveUI provides a set of reusable components and utilities to speed up the development process.
## Features
- **Svelte5 + Tailwind CSS Integration**: Leverage the power of Svelte's reactivity and Tailwind CSS's utility-first approach to build modern, responsive UIs.
- **Reusable Components**: A collection of pre-built, customizable UI components like buttons, forms, modals, carousel, popper, and more.
- **Customizable Themes**: Easily customize the look and feel of your application with Tailwind's built-in theming capabilities.
- **Responsive Design**: Built-in support for responsive design, ensuring your interfaces look great on all devices.
- **Open Source**: FiveUI is free and open-source, allowing you to contribute, modify, and share the toolkit.
## Installation
To get started with FiveUI, you can install it via npm:
```bash
npm i five-ui@latest
```
## Component List
FiveUI already includes the following components, but is not limited to:
| Name | Finish |
| --- | --- |
| Accordion | ✔ |
| Alert | ✔ |
| Avatar | ✔ |
| Badge | ✔ |
| Breadcrumb | ✔ |
| Button | ✔ |
| Calendar | |
| Card | ✔ |
| Carousel | ✔ |
| Cascader ||
| Checkbox | ✔ |
| DatePicker ||
| Drawer | ✔ |
| Dropdown | ✔ |
| Form | ✔ |
| Icons | ✔ |
| Input | ✔ |
| Layout | ✔ |
| Menu | ✔ |
| Message | ✔ |
| Modal | ✔ |
| Notification | ✔ |
| Overlay | ✔ |
| Pagination | ✔ |
| Popper | ✔ |
| Radio | ✔ |
| Select | ✔ |
| Slider ||
| Steps | |
| Switch | ✔ |
| Table | ✔ |
| Tabs | ✔ |
| Tag | ✔ |
| Textarea | ✔ |
| Timeline | |
| TimePicker ||
| Tooltip | ✔ |
| Watermark | ✔ |
## Documentation
For detailed documentation, examples, and API references, please visit the [FiveUI Documentation](/).
## Contributing
We welcome contributions from the community! If you'd like to contribute to FiveUI, please follow these steps:
1. Fork the repository.
2. Create a new branch (git checkout -b feature/your-feature).
3. Make your changes and commit them (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature/your-feature).
5. Open a pull request.
```bash
git clone https://github.com/wqy2dev/five-ui.git .
cd five-ui && npm i
npm run dev
```
Please read our Contributing Guide for more details.
## License
FiveUI is open-source software licensed under the [MIT license](https://github.com/wqy2dev/five-ui/blob/main/LICENSE).
## Acknowledgements
FiveUI is built with love and powered by the following technologies:
- [**Svelte5**](https://svelte.dev/)
- [**Tailwind CSS**](https://tailwindcss.com/)