FlyonUI - Tailwind CSS Component Library
@flyonui
๐ Open Source โก 78+ Tailwind CSS Components ๐จ๐ปโ๐ป Library with semantic classes & powerful JS plugins ๐ฃ UI examples, templates, Figma design system & more
๐ 5K NPM installs in a single day! @FlyonUI just hit a new milestone, thanks to everyone building with us ๐ค Letโs keep pushing the limits. #WebDev #Milestone #tailwind #frontend
๐ฅ๏ธ ๐๐ก๐จ๐ฐ๐๐๐ฌ๐ ๐ฒ๐จ๐ฎ๐ซ ๐๐๐ฌ๐ข๐ ๐ง๐ฌ, ๐ง๐จ๐ฐ ๐ข๐ง ๐ฌ๐ญ๐ฒ๐ฅ๐. Enhance your projects with the FlyonUI Browser Mockup ๐ซ , a clean frame that gives your UI demos a professional touch, ideal for Tailwind CSS. โก One class that makes every preview stand out.
๐.๐ ๐ฅ๐ฒ๐จ๐ง๐๐: A Tailwind AI Builder that creates dynamic, responsive layouts and components using AI, revolutionising web design with creativity and cutting-edge technology for seamless user experiences. Framework Compatibility: Svelte, Next.js, HTML, React, Nuxt, Vue.โฆ
๐ผ๏ธ ๐๐ง๐ญ๐ซ๐จ๐๐ฎ๐๐ข๐ง๐ ๐ ๐ฅ๐ฒ๐จ๐ง๐๐ ๐๐ฏ๐๐ญ๐๐ซ๐ฌ! Highlight people & brands effortlessly - use photos, initials, or icons. Customise shapes, add status badges, and create dynamic avatar groups with motion. โจ Small details, big personality ๐
๐งฉ ๐๐ข๐ฏ๐ ๐ฒ๐จ๐ฎ๐ซ ๐๐ ๐ ๐๐๐๐ ๐ฐ๐ข๐ญ๐ก ๐ ๐ฅ๐ฒ๐จ๐ง๐๐ ๐๐ฏ๐๐ญ๐๐ซ๐ฌ! Display users, teams & brands with photos, initials, or icons. Shape them your way - rounded, soft, or masked - and show live status updates with ease. ๐ฏ Animate, group, and bring your UI to life ๐
๐๐๐ผ๐บ๐ถ๐ป๐ด ๐ฆ๐ผ๐ผ๐ป: @FlyonUI Full Page Templates for ๐-๐๐ผ๐บ๐บ๐ฒ๐ฟ๐ฐ๐ฒ, ๐๐ด๐ฒ๐ป๐ฐ๐ & ๐๐ ๐ฆ ๐ From components to complete websites - your UI workflow just leveled up. ๐จ Pre-built pages powered by Tailwind CSS & FlyonUI ๐งฑ Multiple Theme support, content & layouts inโฆ
๐จ๏ธ ๐๐ฅ๐๐ ๐๐ง๐ญ ๐ช๐ฎ๐จ๐ญ๐๐ฌ, ๐๐๐๐จ๐ซ๐ญ๐ฅ๐๐ฌ๐ฌ ๐๐ฑ๐๐๐ฎ๐ญ๐ข๐จ๐ง. Let your words shine with FlyonUI Blockquotes - beautifully designed, perfectly responsive, and crafted to blend seamlessly with Tailwind CSS. ๐จ Simple to use, powerful in impact.
๐ Big Things Coming in Q4 2025! ๐We're heading towards 4th quater of this year with powerful updates, stunning UI releases & tools to level up your dev experience. ๐ซ From @Theme_selection, @FlyonUI & @shadcnstudio - get ready for smarter, faster builds! ๐ Stay tuned ๐โฆ
๐ท๏ธ ๐๐๐ ๐๐ฅ๐๐ฏ๐จ๐ซ ๐ญ๐จ ๐ฒ๐จ๐ฎ๐ซ ๐๐ ๐ฐ๐ข๐ญ๐ก ๐ ๐ฅ๐ฒ๐จ๐ง๐๐ ๐๐๐๐ ๐๐ฌ! Highlight statuses, new items, or key features with customizable colours, sizes & styles. Pick solid, soft, or outline badges for a clean, vibrant look. โจ Make every tag pop ๐ #tailwindcss
๐ท๏ธ ๐๐๐ค๐ ๐ฒ๐จ๐ฎ๐ซ ๐๐ ๐ฌ๐ญ๐๐ง๐ ๐จ๐ฎ๐ญ ๐ฐ๐ข๐ญ๐ก ๐ ๐ฅ๐ฒ๐จ๐ง๐๐ ๐๐๐๐ ๐๐ฌ! Show statuses, highlight new items, or call out key features with flexible colours, sizes & styles. Pick solid, soft, or outline badges for a clean, vibrant touch. โจ Every label gets noticed ๐
๐จ ๐๐ง๐ญ๐ซ๐จ๐๐ฎ๐๐ข๐ง๐ ๐ ๐ฅ๐ฒ๐จ๐ง๐๐โ๐ฌ ๐๐ฅ๐๐ซ๐ญ๐ฌ! Deliver messages beautifully โก Clean, flexible & responsive - built for Tailwind devs who value form & function. Choose from solid, soft, or outline styles with icons, actions & dismiss options. ๐ฅ See it in action ๐
๐ผ๏ธ ๐๐ญ๐๐ง๐ ๐จ๐ฎ๐ญ ๐ฐ๐ข๐ญ๐ก ๐ ๐ฅ๐ฒ๐จ๐ง๐๐ ๐๐ฏ๐๐ญ๐๐ซ๐ฌ! Display users & brands with photos, initials, or icons. Style them round, soft, or masked. Add status like online, away, or busy. Group with smooth animations. ๐ See that little face, it makes all the difference ๐
๐ท๏ธ ๐๐ซ๐ข๐ ๐ก๐ญ๐๐ง ๐ฒ๐จ๐ฎ๐ซ ๐๐ ๐ฐ๐ข๐ญ๐ก ๐ ๐ฅ๐ฒ๐จ๐ง๐๐ ๐๐๐๐ ๐๐ฌ! Tag items, show statuses, or highlight features with customizable colours, sizes & styles. Mix solid, soft, or outline badges for a clean, dynamic look. โจ Make every label stand out ๐ #tailwindcss
๐ ๐๐ข๐ฌ๐๐จ๐ฏ๐๐ซ ๐ ๐ฅ๐ฒ๐จ๐ง๐๐โ๐ฌ ๐๐๐ฏ๐๐ง๐๐๐ ๐๐๐ฅ๐๐๐ญ๐จ๐ซ๐ฌ! Fluid, responsive & user-friendly โจ Perfect for dashboards, forms & interactive interfaces. Plug in, style your way, and supercharge your TailwindCSS designs. ๐ฌ Check it live ๐ #opensource
๐จ ๐๐๐๐ญ ๐ ๐ฅ๐ฒ๐จ๐ง๐๐โ๐ฌ ๐๐ฅ๐๐ซ๐ญ ๐๐จ๐ฆ๐ฉ๐จ๐ง๐๐ง๐ญ! Notify users in style - clear, expressive & responsive. Comes with solid, soft & outline styles, icons, actions & dismissible options - all seamlessly built for Tailwind users. ๐ฌ See it live in action ๐
๐ ๐๐ง๐ญ๐ซ๐จ๐๐ฎ๐๐ข๐ง๐ ๐ ๐ฅ๐ฒ๐จ๐ง๐๐ ๐๐๐ ๐๐ฑ๐ญ๐๐ง๐ฌ๐ข๐จ๐ง - ๐๐ฎ๐ข๐ฅ๐ ๐๐ฆ๐๐ซ๐ญ๐๐ซ, ๐๐จ๐๐ ๐ ๐๐ฌ๐ญ๐๐ซ The @flyonui IDE Extension brings the entire FlyonUI ecosystem right inside your IDE - with real-time editing, instant block search, and AI-powered code syncโฆ
๐ ๐๐ง๐ญ๐ซ๐จ๐๐ฎ๐๐ข๐ง๐ ๐ ๐ฅ๐ฒ๐จ๐ง๐๐โ๐ฌ ๐๐๐ฏ๐๐ง๐๐๐ ๐๐๐ฅ๐๐๐ญ๐จ๐ซ๐ฌ! Interactive, smooth & fully responsive โจ Ideal for forms, dashboards & complex UIs. Easy to integrate, customise, and elevate your TailwindCSS projects. ๐ฌ Try it live ๐ #tailwindcss #opensource
๐จ ๐๐ง๐ญ๐ซ๐จ๐๐ฎ๐๐ข๐ง๐ ๐ ๐ฅ๐ฒ๐จ๐ง๐๐โ๐ฌ ๐๐ฅ๐๐ซ๐ญ ๐๐จ๐ฆ๐ฉ๐จ๐ง๐๐ง๐ญ! Grab attention with alerts that are clear, dynamic & responsive. Solid, soft, or outline styles, with icons, actions & dismiss options-perfect for Tailwind projects. ๐ฌ See it live ๐ #tailwindcss
United States Trends
- 1. #UFC322 139K posts
- 2. Islam 236K posts
- 3. Valentina 15.3K posts
- 4. Morales 35.3K posts
- 5. Prates 34.1K posts
- 6. Sark 5,992 posts
- 7. Kirby 18.4K posts
- 8. Georgia 84K posts
- 9. Zhang 26.3K posts
- 10. #GoDawgs 9,590 posts
- 11. Ole Miss 12.1K posts
- 12. Leon 73.5K posts
- 13. Arch 22.5K posts
- 14. Sean Brady 6,700 posts
- 15. Dillon Danis 9,306 posts
- 16. Bo Nickal 7,017 posts
- 17. Ahmad Hardy 1,274 posts
- 18. Texas 201K posts
- 19. Khabib 6,316 posts
- 20. Dagestan 1,556 posts
Something went wrong.
Something went wrong.