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.
- 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.
To get started with FiveUI, you can install it via npm:
npm i five-ui@latestFiveUI 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 | ✔ |
For detailed documentation, examples, and API references, please visit the FiveUI Documentation.
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 devPlease read our Contributing Guide for more details.
FiveUI is open-source software licensed under the MIT license.
FiveUI is built with love and powered by the following technologies: