Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/versoly/versoly-ui
Tailwind CSS components library based on Bootstrap
https://github.com/versoly/versoly-ui
Last synced: about 6 hours ago
JSON representation
Tailwind CSS components library based on Bootstrap
- Host: GitHub
- URL: https://github.com/versoly/versoly-ui
- Owner: versoly
- License: mit
- Created: 2022-04-15T04:25:11.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-12T04:36:27.000Z (12 months ago)
- Last Synced: 2024-12-14T06:16:11.514Z (13 days ago)
- Language: JavaScript
- Homepage: https://versoly.com/versoly-ui
- Size: 247 KB
- Stars: 114
- Watchers: 3
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Versoly UI
Tailwind CSS components library based on Bootstrap, build websites without reinventing the wheel.
------
## Documentation
For full documentation, visit [versoly.com/versoly-ui](https://versoly.com/versoly-ui).
## Components
Versoly UI is an open source components library built on Tailwind CSS and based on Bootstrap classes and components. Websites usually always include a small number of the same components such as buttons, cards and navbars. Versoly UI provides these components similar to Bootstrap and allows for developers to easily swap styling between projects without the manual work.
- **Components**
- [Accordion](https://versoly.com/versoly-ui/components/accordion)
- [Alert](https://versoly.com/versoly-ui/components/alert)
- [Badge](https://versoly.com/versoly-ui/components/badge)
- [Button](https://versoly.com/versoly-ui/components/button)
- [Button Group](https://versoly.com/versoly-ui/components/button-group)
- [Card](https://versoly.com/versoly-ui/components/card)
- [Footer](https://versoly.com/versoly-ui/components/footer)
- [Icon](https://versoly.com/versoly-ui/components/icon)
- [Modal](https://versoly.com/versoly-ui/components/modal)
- [Navbar](https://versoly.com/versoly-ui/components/navbar)
- [Pagination](https://versoly.com/versoly-ui/components/pagination)
- [Parallax](https://versoly.com/versoly-ui/components/parallax)
- [Progress](https://versoly.com/versoly-ui/components/progress)
- [Tab](https://versoly.com/versoly-ui/components/tab)
- [Table](https://versoly.com/versoly-ui/components/table)
- **Forms**
- [Inputs](https://versoly.com/versoly-ui/forms/inputs)
- [Select](https://versoly.com/versoly-ui/forms/select)
- [Checkbox](https://versoly.com/versoly-ui/forms/checkbox)
- [Radio](https://versoly.com/versoly-ui/forms/radio)
- [Layout](https://versoly.com/versoly-ui/forms/layout)
## Getting started
Versoly UI can be included as a plugin into an existing Tailwind CSS project and will help you build websites faster by having a set of components to work with.
For installation instructions go to [versoly.com/versoly-ui/getting-started/quickstart](https://versoly.com/versoly-ui/getting-started/quickstart).
## 💡 Inspiration
- [Tailwind](https://tailwindcss.com/): created an easy to use utility library that is easily extendable and flexible. Their variant and just in time compiler changed the game for developers.
- [Bootstrap](https://getbootstrap.com/): built so many useful components and saved developers billions of hours recreating the wheel.
- [Daisy UI](https://daisyui.com/): an interesting approach to building a Tailwind CSS library.
- [Flowbite](https://flowbite.com/): clean Tailwind CSS components built with only Tailwind classes.
- [Twind](https://github.com/tw-in-js/twind): is a tiny Tailwind-in-JS that makes working with multiple themes very easy.
## Community
If you need help or just want to discuss about the library join the community on Github:
[Discuss about Versoly on GitHub](https://github.com/versoly/versoly-ui/discussions)
For casual chatting with others using the library:
[Join the Versoly Discord Server](https://discord.versoly.com)