HTMX + Hyperscript + TailwindCSS UI Library
Welcome to my HTMX, Hyperscript, and TailwindCSS UI library! This project is inspired by popular UI frameworks such as Headless UI, ShadCN, and Skeleton UI. Designed to be completely free, this library allows you to copy and paste every component with ease, enabling fast and efficient web development.
Please go and check the demo
Demo
Status: 🚧 Work in Progress - Only 10% completed
Why This Library?
1. Pure Simplicity
- Every UI component is crafted with simplicity in mind, utilizing HTMX for dynamic interactions, Hyperscript for event handling, and TailwindCSS for styling.
- No unnecessary complexity—just minimal code to get you the result you want.
2. Copy-Paste Friendly
- Our library is all about speed and convenience. Every element is copy-pasteable so you can integrate components directly into your projects without any hassle.
- Forget about complex setups or configurations. Just grab what you need and start building!
3. Inspired by the Best
- Drawing inspiration from Headless UI, ShadCN, and Skeleton UI, this library takes the best practices from these frameworks and offers them in a streamlined package.
- Whether you’re looking for flexibility, accessibility, or beautiful design, this library delivers a balanced blend of all three.
4. Tailored for TailwindCSS
- TailwindCSS makes it easy to customize and theme components to fit your brand or project’s design language. With this UI library, you get pre-built components ready to adapt to any style.
- From buttons and forms to advanced modals and grids, everything is built with utility-first CSS in mind.
5. Dynamic and Interactive by Default
- Powered by HTMX and Hyperscript, our components are designed to be interactive and dynamic without the need for JavaScript libraries like React or Vue.
- You get lightweight, fast-loading components that deliver a great user experience without the overhead.
Current Progress
- 📅 10% Complete
- This project is still in the early stages of development. Expect many more components to come soon!
Future Goals
- Comprehensive Component Library: Expand the library with a wide variety of components covering everything from simple UI elements to advanced layouts.
- Documentation and Examples: Provide detailed usage examples and documentation to make integration as smooth as possible.
- Community Feedback: We’re committed to growing this project with input from the community. Contributions and suggestions are welcome!
Get Involved
If you’re interested in contributing to this project, feel free to fork the repo and submit a pull request. Let’s make this UI library the best open-source solution for developers!
Happy coding! ✨