FlyonUI is the easiest, free, and open-source Tailwind CSS components library with semantic classes. FlyonUI is designed to combine the best of both worlds: the aesthetic appeal of semantic classes and the powerful functionality of JS plugins.
Subscribe
Sign in
ThemeSelection
Hi Makers! 👋
We’re thrilled to launch FlyonUI v2.0.0 on Product Hunt—a free, open-source Tailwind CSS component library designed to supercharge your development workflow! 🚀
✨ What’s New in v2.0.0? ✨
🎉 TailwindCSS v4 Compatibility: Fully upgraded to work seamlessly with the latest Tailwind!
🌟 New Components: Say hello to Filter and Status—fresh additions to the lineup!
🎨 5 Fresh Themes: Black, Mintlify, Shadcn, Slack, and Valorant—pure design inspiration!
💫 Tailwind Animations: Animated Cards, Animated Lists, and smooth scroll-based effects!
⚡ 25+ Components Improved: Fine-tuned for power and ease of use!
Head over to FlyonUI.com and start building beautiful interfaces faster than ever!
Why FlyonUI?
Using Tailwind CSS alone can lead to cluttered HTML with endless utility classes, which is tough to maintain, right? 😅 And while Tailwind or DaisyUI are great, they don’t offer interactive, headless JS components like accordions, overlays, or dropdowns. That’s where FlyonUI shines! ✨
FlyonUI combines semantic classes with powerful headless JavaScript plugins, giving you a toolkit to craft stunning, interactive UIs with ease.
What’s in it for you?
👉 Semantic Styling: Clean, readable CSS components with semantic class names.
👉 Interactive Plugins: Headless JS features like Accordion, Dropdown, Overlay, and more!
👉 Boosted Productivity: Faster development with styling and interactivity in harmony.
👉 Scalable Code: Maintainable and ready to scale with your projects.
Features to Love:
✅ 800+ Free Components: Accessible examples for all your web app needs.
✅ Framework Freedom: Works anywhere Tailwind CSS does, i.e React, Vue, and beyond!
✅ Unstyled Plugins: Accessible, flexible JS plugins that fit your design.
✅ Unlimited Themes: Customize endlessly; just check out the theme section! 🎨
✅ Responsive & RTL: Flawless on all devices, with RTL support.
✅ Free Forever: Open-source and built for the community—always!
If you like FlyonUI, please give us an upvote and share your thoughts below—we’d love your feedback! Let’s create amazing UIs together.
Happy building! 🎉
#FlyonUI #TailwindCSS
Buttons Generator
Good to see you keep it up-to-date. Thanks for all you do for the community.
ThemeSelection
@denic Welcome bro 😎
V2.x aims to provide many new features like TailwindCSS v4 Compatibility, Themes and Animations 🤩
Looks Good @ajaypatel9016
ThemeSelection
@pushpak1300 Thank you so much :)
Glad you liked it 🙌🏻