Five Ui
Introduction
FiveUI is a beautiful,modern,open-source UI toolkit built with Svelte and Tailwind CSS, 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:
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 | ✔ |
| Editor | ✔ |
| Form | ✔ |
| Icon | ✔ |
| Input | ✔ |
| KV | ✔ |
| Layout | ✔ |
| List | ✔ |
| Menu | ✔ |
| Message | ✔ |
| Modal | ✔ |
| Notification | ✔ |
| Number | ✔ |
| Overlay | ✔ |
| Pagination | ✔ |
| Popper | ✔ |
| Radio | ✔ |
| Select | ✔ |
| Slider | |
| Space | ✔ |
| 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:
- Fork the repository.
- Create a new branch (git checkout -b feature/your-feature).
- Make your changes and commit them (git commit -m 'Add some feature').
- Push to the branch (git push origin feature/your-feature).
- Open a pull request.
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.
Acknowledgements
FiveUI is built with love and powered by the following technologies:
