[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-73861":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":45,"readmeContent":46,"aiSummary":47,"trendingCount":16,"starSnapshotCount":16,"syncStatus":48,"lastSyncTime":49,"discoverSource":50},73861,"flyonui","themeselection\u002Fflyonui","themeselection","🚀 The easiest, free and open-source Tailwind CSS component library with semantic classes.","https:\u002F\u002Fflyonui.com\u002F",null,"TypeScript",2439,98,20,11,0,3,17,27.99,"Other",false,"main",true,[25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],"component-library","components","css","design-system","html","hugo","javascript","postcss","semantic","tailwind","tailwind-css","tailwind-css-template","tailwind-plugin","tailwindcss","tailwindcss-components-library","typescript","ui-framework","ui-library","uikit","webpack","2026-06-12 02:03:19","\u003Ca href=\"https:\u002F\u002Fflyonui.com\">\n  \u003Cimg alt=\"flyonui logo\" width=\"800\" src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Fsmm\u002Fmarketing\u002Fflyonui-smm-banner.png\">\n\u003C\u002Fa>\u003Cbr\u002F>\u003Cbr\u002F>\n\n[FlyonUI](https:\u002F\u002Fflyonui.com\u002F) is the easiest, free and open-source Tailwind CSS component library with semantic classes. 🚀\n\n\u003Cp>\n    \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fflyonui\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdt\u002Fflyonui.svg\" alt=\"Total Downloads on NPM\">\u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fthemeselection\u002Fflyonui\u002Freleases\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fflyonui.svg\" alt=\"Latest Version\">\u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Fgetting-started\u002Flicense\u002F\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-MIT-blue\" alt=\"MIT License\">\u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fx.com\u002Fflyonui\" target=\"_blank\">\n      \u003Cimg alt=\"Twitter Follow\" src=\"https:\u002F\u002Fimg.shields.io\u002Ftwitter\u002Ffollow\u002Fflyonui\">\n   \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Ca href=\"https:\u002F\u002Fthemeselection.com\" target=\"_blank\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn.themeselection.com\u002Fts-assets\u002Fthemeselection\u002Flogo\u002Flogo.png\"\n    alt=\"themeselection logo\"\n    height=\"30\"\n  \u002F>\n\u003C\u002Fa>\n\nCreated by [ThemeSelection](https:\u002F\u002Fthemeselection.com), with a commitment to empowering the open-source community.\n\n---\n\n## Table of Contents 📋\n\n- [Table of Contents 📋](#table-of-contents-)\n- [Overview 🌏](#overview-)\n- [Why should I use FlyonUI? 💡](#why-should-i-use-flyonui-)\n- [Features ✨](#features-)\n- [Documentation 📚](#documentation-)\n- [Framework guides 🛠️](#framework-guides-️)\n- [Getting Started 🏁](#getting-started-)\n  - [Installation via NPM](#installation-via-npm)\n  - [RTL (Right-to-Left) Language Support](#rtl-right-to-left-language-support)\n- [Star History 🌟](#star-history-)\n- [Available Components 🧩](#available-components-)\n  - [Component Examples](#component-examples)\n- [Community 🤝](#community-)\n- [Contributing 📝](#contributing-)\n- [Credits 🤘](#credits-)\n- [License ©](#license-)\n- [Useful Links 🎁](#useful-links-)\n\n---\n\n## Overview 🌏\n\nFlyonUI is designed to combine the best of both worlds: the aesthetic appeal of semantic classes and the powerful functionality of JS plugins.\n\nUnder the hood, it uses the strengths of:\n\n> FlyonUI's original code is licensed under the MIT License.\n> Bundled third-party components are governed by their respective licenses as outlined in the [license page](https:\u002F\u002Fgithub.com\u002Fthemeselection\u002Fflyonui\u002Fblob\u002Fmain\u002FLICENSE) and files.\n\n- [Tailwind CSS](https:\u002F\u002Ftailwindcss.com\u002F) A utility-first CSS framework that helps you build beautiful websites with ease.\n- [daisyUI](https:\u002F\u002Fdaisyui.com\u002F) adds component semantic class names to Tailwind CSS so you can make beautiful websites faster, easier and maintainable.\n- [Preline](https:\u002F\u002Fpreline.co\u002Fplugins.html) JavaScript headless & fully unstyled Tailwind plugins for accessible, responsive UI. Enhance experiences with animations, transitions, and more.\n\n## Why should I use FlyonUI? 💡\n\nUsing Tailwind CSS alone may lead to cluttered HTML with numerous utility classes, which can be a nightmare to maintain.\n\nApart from that Tailwind CSS or daisyUI doesn’t provide any interactive headless JavaScript components like accordion, overlay, dropdowns, etc…\n\n**This is where FlyonUI shines.✨**\n\nFlyonUI [Tailwind CSS Components Library](https:\u002F\u002Fflyonui.com\u002F) brings together the beauty of semantic classes and the interactive headless JavaScript plugins, offering you a powerful toolkit to build stunning, interactive user interfaces with ease.\n\n- **Beautiful and Semantic Styling:** Utilize comprehensive CSS components with semantic class names for a clean and readable codebase.\n- **Interactive and Dynamic Features:** Incorporate Headless JavaScript plugins for ex: Accordion, Dropdown, Overlay etc… to add interactivity and dynamic behavior to your UI components.\n- **Efficiency and Productivity:** Enjoy a faster and more efficient development process by combining the strengths of semantic classes and JS plugins.\n- **Maintainable and Scalable:** Keep your projects maintainable and scalable with a consistent coding approach and powerful JS plugins.\n\n## Features ✨\n\n1. **800+ Free Components Examples**: Hundreds of component examples for all your WebApp needs that meet accessibility criteria.\n2. **Universal Framework Compatibility**: Fully compatible wherever Tailwind CSS is in action, from React to Vue and beyond.\n3. **Unlimited Themes**: Customize your app’s look and feel with FlyonUI’s theming capabilities. Refer to the theme section for more details.\n4. **Unstyled & Accessible Plugins**: Seamlessly add unstyled, accessible plugins for functionality without sacrificing design.\n5. **Responsive & RTL support** : Built with responsiveness in mind, ensuring your app looks great on all devices with RTL language support.\n6. **Free Forever:** Completely free forever, open-source, and built for the community.\n\n## Documentation 📚\n\nFor comprehensive documentation, please visit [flyonui.com](https:\u002F\u002Fflyonui.com\u002F).\n\n## Framework guides 🛠️\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd width=\"20%\" align=\"center\">HTML\u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">React\u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">Nextjs\u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">Vue\u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">Nuxtjs\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Fgetting-started\u002Fquick-start\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Fhtml-icon.png\" alt=\"Html logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Freact\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Freact-icon.png\" alt=\"React logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Fnextjs\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Fnextjs-icon.png\" alt=\"Nextjs logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Fvuejs\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Fvue-vite-icon.png\" alt=\"Vue logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Fnuxtjs\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Fnuxt-icon.png\" alt=\"Nuxtjs logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"20%\" align=\"center\">Angular\u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">Svelte\u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">Remix\u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">Astro\u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">Qwik\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Fangular\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Fangular-icon.png\" alt=\"Angular logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Fsvelte\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Fsvelte-icon.png\" alt=\"Svelte logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Fremix\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Fremix-icon.png\" alt=\"Remix logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Fastro\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Fastro-icon.png\" alt=\"Astro logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Fqwik\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Fqwik-icon.png\" alt=\"Qwik logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"20%\" align=\"center\">SolidJS\u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">Django\u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">Flask\u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">Laravel\u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">11ty\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Fsolidjs\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Fsolidjs-icon.png\" alt=\"Django logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Fdjango\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Fdjango-icon.png\" alt=\"Django logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Fflask\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Fflask-icon.png\" alt=\"Flask logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Flaravel\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002Flaravel-icon.png\" alt=\"Laravel logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"20%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fframework-integrations\u002Feleventy\u002F\">\n        \u003Cimg src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Ficons\u002F11ty-icon.png\" alt=\"11ty logo\" width=\"70\" \u002F>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## Getting Started 🏁\n\nFlyonUI can be easily integrated into any existing Tailwind CSS project.\n\n### Installation via NPM\n\nTo use FlyonUI, ensure that you have [Node.js](https:\u002F\u002Fnodejs.org\u002Fen\u002F) and [Tailwind CSS](https:\u002F\u002Ftailwindcss.com\u002F) installed.\n\n1. Install FlyonUI as a dependency:\n\n   ```bash\n   npm install flyonui\n   ```\n\n2. Include FlyonUI as a plugin in your `app.css` file:\n\n   ```css\n   @import \"tailwindcss\";\n   @plugin \"flyonui\";\n   @import \".\u002Fnode_modules\u002Fflyonui\u002Fvariants.css\"; \u002F\u002F Require only if you want to use FlyonUI JS components\n\n \n   @source \".\u002Fnode_modules\u002Fflyonui\u002Fdist\u002Findex.js\"; \u002F\u002F Require only if you want to use FlyonUI JS components\n   ```\n\n   This ensures that FlyonUI's styling is applied correctly throughout your project.\n\n   If you want to include specific js component:\n\n   ```css\n   @source \".\u002Fnode_modules\u002Fflyonui\u002Fdist\u002Faccordion.js\";\n   ```\n\n3. For enabling interactive components such as accordion, dropdown, modal etc... , include FlyonUI's JavaScript in your HTML file, just before the closing `\u003C\u002Fbody>` tag:\n\n   ```html\n   \u003Cscript src=\"..\u002Fnode_modules\u002Fflyonui\u002Fflyonui.js\">\u003C\u002Fscript>\n   ```\n\n   For a single component, use the specific path:\n\n   ```html\n   \u003Cscript src=\"..\u002Fnode_modules\u002Fflyonui\u002Fdist\u002Faccordion.js\">\u003C\u002Fscript>\n   ```\n\n### RTL (Right-to-Left) Language Support\n\nFlyonUI components offer native RTL support. Simply add the `dir=\"rtl\"` attribute to your HTML element to enable this feature.\n\n\n## Star History 🌟\n\n[![Star History Chart](https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=themeselection\u002Fflyonui&type=Timeline)](https:\u002F\u002Fwww.star-history.com\u002F#themeselection\u002Fflyonui&Timeline)\n\n## Available Components 🧩\n\nFlyonUI provides a robust library of UI components built with Tailwind CSS utility classes, enabling fast and efficient web development. Our library includes 80+ components, from basic elements like buttons and cards to more complex third-party integrations.\n\n[Explore all components](https:\u002F\u002Fflyonui.com\u002Fdocs\u002Fcomponents\u002Faccordion\u002F)\n\n### Component Examples\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd width=\"33.3333%\">Accordion\u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\">Alert\u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\">Apex Charts\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"33.3333%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Fcomponents\u002Faccordion\u002F\">\n            \u003Cimg alt=\"Tailwind CSS Accordion\" src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Fcomponents-svg\u002Fcomponents\u002Faccordion.svg\">\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Fcomponents\u002Falert\u002F\">\n            \u003Cimg alt=\"Tailwind CSS Alert\" src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Fcomponents-svg\u002Fcomponents\u002Falert.svg\">\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Fthird-party-plugins\u002Fapex-charts\u002F\">\n            \u003Cimg alt=\"Tailwind CSS Apex Charts\" src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Fcomponents-svg\u002Fthird-party-plugins\u002Fapex-charts.svg\">\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"33.3333%\">Button\u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\">Card\u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\">Checkbox\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"33.3333%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Fcomponents\u002Fbutton\u002F\">\n            \u003Cimg alt=\"Tailwind CSS Button\" src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Fcomponents-svg\u002Fcomponents\u002Fbutton.svg\">\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Fcomponents\u002Fcard\u002F\">\n            \u003Cimg alt=\"Tailwind CSS Card\" src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Fcomponents-svg\u002Fcomponents\u002Fcard.svg\">\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Fcomponents\u002Fcheckbox\u002F\">\n            \u003Cimg alt=\"Tailwind CSS Checkbox\" src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Fcomponents-svg\u002Fform-elements\u002Fcheckbox.svg\">\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n     \u003Ctd width=\"33.3333%\">Dropdown\u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\">Input\u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\">Modal\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"33.3333%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Foverlays\u002Fdropdown\u002F\">\n            \u003Cimg alt=\"Tailwind CSS Dropdown\" src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Fcomponents-svg\u002Foverlays\u002Fdropdown.svg\">\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Fforms\u002Finput\u002F\">\n            \u003Cimg alt=\"Tailwind CSS Input\" src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Fcomponents-svg\u002Fform-elements\u002Finput.svg\">\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Foverlays\u002Fmodal\u002F\">\n            \u003Cimg alt=\"Tailwind CSS Modal\" src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Fcomponents-svg\u002Foverlays\u002Fmodal.svg\">\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"33.3333%\">Navbar\u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\">Tabs & Pills\u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\">Tooltip\u003C\u002Ftd>\n  \u003C\u002Ftr>\n  \u003Ctr>\n    \u003Ctd width=\"33.3333%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Fnavigations\u002Fnavbar\u002F\">\n            \u003Cimg alt=\"Tailwind CSS Navbar\" src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Fcomponents-svg\u002Fnavigations\u002Fnavbar.svg\">\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Fnavigations\u002Ftabs-pills\u002F\">\n            \u003Cimg alt=\"Tailwind CSS Tabs & Pills\" src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Fcomponents-svg\u002Fnavigations\u002Ftabs-pills.svg\">\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd width=\"33.3333%\" align=\"center\">\n        \u003Ca href=\"https:\u002F\u002Fflyonui.com\u002Fdocs\u002Foverlays\u002Ftooltip\u002F\">\n            \u003Cimg alt=\"Tailwind CSS Tooltip\" src=\"https:\u002F\u002Fcdn.flyonui.com\u002Ffy-assets\u002Fcomponents-svg\u002Foverlays\u002Ftooltip.svg\">\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n[Explore all components](https:\u002F\u002Fflyonui.com\u002Fdocs\u002Fcomponents\u002Faccordion\u002F)\n\n## Community 🤝\n\nJoin the FlyonUI community to discuss the library, ask questions, and share your experiences:\n\n- 🐦 [Follow us on Twitter](https:\u002F\u002Fx.com\u002Fflyonui)\n- 💬 [Discuss on GitHub](https:\u002F\u002Fgithub.com\u002Fthemeselection\u002Fflyonui\u002Fdiscussions)\n- 🎮 [Join us on Discord](https:\u002F\u002Fdiscord.com\u002Finvite\u002FkBHkY7DekX)\n\n## Contributing 📝\n\nFix a bug, or add a new feature. You can make a pull request and see your code in the next version of FlyonUI.\n\nBefore adding a pull request, please see the **[contributing guidelines](https:\u002F\u002Fgithub.com\u002Fthemeselection\u002Fflyonui\u002Fblob\u002Fmain\u002F.github\u002FCONTRIBUTING.md)**.\n\n## Credits 🤘\n\nWe are grateful for the contributions of the open-source community, particularly:\n\n- [TailwindCSS](https:\u002F\u002Ftailwindcss.com\u002F)\n- [daisyUI](https:\u002F\u002Fdaisyui.com\u002F)\n- [Preline UI](https:\u002F\u002Fpreline.co\u002F)\n\nThese projects form the backbone of FlyonUI, allowing us to build a powerful and user-friendly UI kit.\n\n## License ©\n\n**FlyonUI's original code is licensed under the MIT License.**\n\n**Bundled third-party components are governed by their respective licenses as detailed below.**\n\nFlyonUI bundles and redistributes components from [Preline UI](https:\u002F\u002Fgithub.com\u002Fhtmlstreamofficial\u002Fpreline) and [daisyUI](https:\u002F\u002Fgithub.com\u002Fsaadeghi\u002Fdaisyui). These bundled components are essential to FlyonUI's core JavaScript functionality and are distributed under explicit permission and their respective license terms.\n\nFor more details, please refer: [License](https:\u002F\u002Fgithub.com\u002Fthemeselection\u002Fflyonui?tab=License-1-ov-file#readme)\n\n## Useful Links 🎁\n\n- [Vue CheatSheet](https:\u002F\u002Fvue-cheatsheet.themeselection.com\u002F)\n- [Freebies](https:\u002F\u002Fthemeselection.com\u002Fitem\u002Fcategory\u002Ffreebies\u002F)\n- [Download Free Admin Templates](https:\u002F\u002Fthemeselection.com\u002Fitem\u002Fcategory\u002Ffree-admin-templates\u002F)\n- [Bootstrap 5 CheatSheet](https:\u002F\u002Fbootstrap-cheatsheet.themeselection.com\u002F)\n","FlyonUI 是一个基于 Tailwind CSS 的免费开源组件库，使用语义类来简化网页开发。它集成了 Tailwind CSS、daisyUI 和 Preline 等技术，提供了一系列易于使用的组件和插件，使得开发者能够快速构建美观且响应式的用户界面。该库支持 RTL 语言，并通过 NPM 安装，非常适合需要高效开发高质量前端项目的场景，如企业网站、个人博客或任何追求简洁代码与良好用户体验的应用程序。",2,"2026-06-11 03:47:41","high_star"]