# themeselection/flyonui

🚀 The easiest, free and open-source Tailwind CSS component library with semantic classes.

Repository: https://github.com/themeselection/flyonui
Canonical: https://ross.abutalabs.com/products/flyonui
Homepage: https://flyonui.com/
Language: TypeScript
License: NOASSERTION
License Family: other
Topics: tailwind, tailwindcss, component-library, components, css, design-system, html, hugo, javascript, postcss, tailwind-plugin, typescript, ui-framework, ui-library, uikit, webpack, tailwind-css, tailwind-css-template, semantic, tailwindcss-components-library
Last push: 2026-03-20T06:34:41+00:00

## Health v2 (maintenance only)
Score: 60/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 73, release rhythm 49, longevity 51
- inputs: {"age_days": 722, "days_push": 166, "days_rel": 341, "gap_med": 20, "n_releases_24m": 14}
- flags: no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 2460, forks 98 (observed 2026-08-28T04:06:53.457376+00:00)

## What it is
FlyonUI is a free and open-source Tailwind CSS component library that combines semantic class names with interactive headless JavaScript plugins. It offers 80+ prebuilt UI components, blocks, and templates that work across frameworks like React, Vue, Next.js, Nuxt, Angular, and Svelte.

## Use cases
- add prebuilt UI components to a Tailwind CSS project
- use semantic class names instead of long utility class chains in Tailwind
- build responsive websites with modals, dropdowns, accordions and other interactive components
- set up a consistent design system with themes for a web app
- integrate Tailwind UI components into React, Vue, Next.js or Nuxt projects
- build an admin dashboard with ready-made Tailwind components
- add RTL language support to a Tailwind CSS interface

## When to choose
- you already use Tailwind CSS and want maintainable semantic component classes
- you need accessible, interactive JS-powered components (modals, dropdowns, tooltips) out of the box
- you want a free daisyUI-style library with additional Preline-based plugins
- you work across multiple frontend frameworks and want one consistent UI kit

## When to avoid
- you prefer pure utility-first Tailwind without semantic class abstractions
- your project does not use Tailwind CSS
- you need a fully React-native component system with typed props rather than CSS/HTML classes
- you require a license guaranteed to be permissive for all bundled third-party components

## Facets
- artifact type: library
- maturity: active
- function: ui-components, css-framework, frontend-framework, theme
- domain: web-development, frontend, web-design, developer-tools
- platform: cross-platform
- tags: tailwindcss, tailwind-plugin, semantic-classes, component-library, daisyui, preline, design-system, uikit, react, vue, nextjs, nuxt, svelte, rtl-support, web-server, nodejs

## Member repositories
- themeselection/flyonui (main) score 60

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:06:53.457376+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T02:29:20.580193+00:00, confidence not recorded.
  - readme: https://github.com/themeselection/flyonui (fetched 2026-08-28T04:06:53.457376+00:00, sha 0404bd6d9a8b)
  - homepage: https://flyonui.com/ (fetched 2026-08-29T10:11:10.720604+00:00, sha 9734ec25a2be)
  - site_page: https://flyonui.com/docs/changelog?theme=light (fetched 2026-08-29T10:11:10.723435+00:00, sha 5beb66a34f2b)
  - site_page: https://flyonui.com/docs/getting-started/quick-start?theme=light (fetched 2026-08-29T10:11:10.725777+00:00, sha 9fa92d01007a)
  - site_page: https://flyonui.com/docs/component?theme=light (fetched 2026-08-29T10:11:10.727792+00:00, sha dbab9641ab01)
  - site_page: https://flyonui.com/docs/framework-integrations/react?theme=light (fetched 2026-08-29T10:11:10.732079+00:00, sha 705090bf23f1)
  - site_page: https://flyonui.com/docs/framework-integrations/nextjs?theme=light (fetched 2026-08-29T10:11:10.733911+00:00, sha cf65c426af3d)
  - site_page: https://flyonui.com/docs/framework-integrations/vuejs?theme=light (fetched 2026-08-29T10:11:10.735616+00:00, sha a7e0eae609fb)
  - site_page: https://flyonui.com/docs/framework-integrations/nuxtjs?theme=light (fetched 2026-08-29T10:11:10.737412+00:00, sha df124f8ff223)
  - registry_npm: https://registry.npmjs.org/flyonui (fetched 2026-08-29T10:11:10.739089+00:00, sha 003130d2e366)
- Data as of 2026-08-30T08:39:29.467469+00:00.