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:

| Component Name | Available | | :--- | :--- | | 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:

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.

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:

• Svelte5
• Tailwind CSS