Yes, the core library is open-source and licensed under MIT. A Pro version offers additional blocks and templates.

Which frameworks does FlyonUI support?

It works wherever Tailwind CSS is used, including HTML, React, Next.js, Vue, Nuxt, Angular and Svelte.

How is FlyonUI installed?

It is installed through npm with the command npm i -D flyonui@latest.

What is FlyonUI based on?

It combines features of the open-source projects daisyUI and PrelineJS.

FlyonUI- Free Tailwind CSS Component Library

FlyOnUI is a responsive, customizable UI component library built on Tailwind CSS, offering pre-designed, easy-to-use components and JavaScript plugins. It helps developers quickly build modern, high-performance web applications with full control over design and functionality.

Category:

Design Assets

Maker:

Ajay Patel

Skill Level

Developer

Use Cases

Portfolio

⚡️ Tags detected by AI

24 visitors went to FlyonUI- Free Tailwind CSS Component Library from LandinTools in the last 30 days.

Your product? Claim it to see where they come from

About FlyonUI- Free Tailwind CSS Component Library

FlyonUI is an open-source UI component library for Tailwind CSS, licensed under MIT. It combines semantic class names with JavaScript plugins, so developers can write shorter markup (for example "btn btn-primary" instead of long utility strings) and still adjust styling with standard Tailwind utilities. The library offers 80+ free components such as accordions, alerts, cards, inputs, pagination and tabs, along with unstyled, accessible plugins for interactive behavior.

Beyond components, FlyonUI includes blocks, templates, a Figma design system and a theming system with many prebuilt themes, including dark mode, that can be applied without adding new class names. It is installed via npm and works wherever Tailwind CSS runs, including HTML, React, Next.js, Vue, Nuxt, Angular and Svelte. A Pro version provides access to 500+ free and pro blocks covering marketing pages, dashboards, application UI and e-commerce, and the project also offers an MCP server and an IDE extension for AI-assisted workflows.

FlyonUI builds on the open-source projects daisyUI and PrelineJS, supports Tailwind CSS v4, and is aimed at developers building landing pages, marketing sites, dashboards and web applications.

Best for

Developers using Tailwind CSS
Teams working across multiple JavaScript frameworks
Builders of landing pages and marketing sites
Developers creating dashboards and app UIs

Pros

Free and open-source under the MIT license
Semantic classes reduce long Tailwind utility class strings
Framework-agnostic: works with HTML, React, Vue, Angular, Svelte and more
Many themes with dark mode and a Figma design system

Cons

Many of the 500+ blocks require the paid Pro version
Requires Tailwind CSS as a dependency

Pricing

The core library is free and open-source under MIT, with a paid Pro version unlocking additional blocks and templates (prices not stated on the homepage).

FlyonUI- Free Tailwind CSS Component Library FAQ

Is FlyonUI free?: Yes, the core library is open-source and licensed under MIT. A Pro version offers additional blocks and templates.
Which frameworks does FlyonUI support?: It works wherever Tailwind CSS is used, including HTML, React, Next.js, Vue, Nuxt, Angular and Svelte.
How is FlyonUI installed?: It is installed through npm with the command npm i -D flyonui@latest.
What is FlyonUI based on?: It combines features of the open-source projects daisyUI and PrelineJS.