COMPATIBLE WITH:

The
Easiest
Effortless
Seamless

Tailwind CSS
Components Library

FlyonUI is an open-source Tailwind CSS Components Library with semantic classes and powerful JS plugins.

Get Started

Badge

Label

New message!

12 unread messages. Tap to see.

Basic Free Fetch project with team.

TODAY’S MEETINGS

08:30
Daily Project Review
Team organization
Privacy
09:00
Sprint Surge
Daily Boost for Agile Progress
+9
Privacy
11:45
Project Status Update
Progress Overview Update
Privacy
06:30
Team Performance
Team Metrics Evaluation
+9
Privacy

Total page views

89,400

21% ↗︎ than last month

Julia stiles shared an earnings report

$24,895

10%

Compared to $84,325 last year

Zipcar

Vuejs, React & HTML

$24,895.65

Bitbank

Sketch, Figma & XD

$8,6500.20

Aviato

HTML & Angular

$1,2450.80

CHAT LIST

Phillip George
Hii samira, thanks for...
9.00AM 1
Jaylon Donin
I’ll send the texts...
10.00PM 3
Tiana Curtis
That’s Great!
8.30AM
Zaire Vetrovs
https://www.youtub...
5.50AM 2
Kianna Philips
It was awesome.
6.45PM

Main Features

All Essentials in One Place

Save countless hours by using FlyonUI’s ready-made components, blocks, and templates,

designed to simplify your workflow and bring your projects to life with ease.

78+

Ready-to-use Tailwind CSS Templates

Pre-built ready-to-use Tailwind CSS Templates to accelerate your project development.

Coming Soon! Prebuilt template

Free Forever

Completely free forever, open-source, and built for the community.

Tailwind CSS Blocks

Kickstart your project with FlyonUI’s wide range of Tailwind CSS blocks and layouts.

Coming Soon! prebuilt blocks

Unlimited Themes

Unlimited themes

Apply your own design decisions with Unlimited Themes

With FlyonUI colour names, you can achieve Dark Mode and
access a variety of additional themes, all without the need to add any new class names.

Explore Themes

Light

Dark

Gourmet

Corporate

Luxury

Soft

CHAT LIST

Phillip George
Hii samira, thanks...
9.00AM 1
Jaylon Donin
I’ll send the texts...
10.00PM 3
Tiana Curtis
That’s Great!
8.30AM
Zaire Vetrovs
https://www.youtub...
5.50AM 2
Kianna Philips
It was awesome.
6.45PM

FlyonUI Themes

View All Themes

Basic Free Get 1 project with 1 teams members.

Label

Checked

Semantic colors

primary

secondary

accent

neutral

base 100

base 200

base 300

content

info

success

warning

error

Components

78+ Tailwind CSS Components

FlyonUI combines elegant semantic classes with robust JS plugins,

creating a powerful toolkit for building stunning, responsive, and interactive user interfaces with ease.

12 components

8 components

16 components

20 components

22 components

16 components

31 components

30 components

27 components

15 components

19 components

6 components

Stats

FlyonUI Impact

Celebrating the milestones achieved with FlyonUI.

78 + Components

GitHub Stars

NPM Installs

800 + Examples

Trusted By

Featured In

We have been proudly featured on renowned platforms.

Reviews

The Wall of Love

Insights from those who’ve experienced FlyonUI.

Obsidian One

@Obsidian-One

I'm getting a kick out of this. A semantic UI library using a utility CSS library. That's rich. 🤣

That said, anyone who puts effort into something like and open sources it for free this gets a 👍from me. If anything else, non-designer folks like me can use it to learn how stuff is cobbled together to be useful. Thank you.

Chandra Panta Chhetri

@chandra_pantachhetri

library looks really good! I love headless UI libraries. The DataMap component looks good too, I haven't seen many other libraries do that. Excited for the Figma design so I can use it in my next design! Great work, keep it up :)

GIDEON WANDABI

@gg_wandabi

The library is great using it on react. After building i just have to copy flyonui.js to my dist folder update the path in index.html and everything works

Kennedy Gitahi

@kengitahi

I have looked at over 100 Component Libraries in the last two weeks, and I have not found one that looks as great and offers as many options as this one. Will definitely be using it in a project I have going on

Madza 👨‍💻⚡

@madzadev

This is amazing, congrats on the launch! 🚀🥳

mrinterweb

@mrinterweb

I love that this is not framework specific and designed for html + css first. This ability to play nice with all frameworks is a standout feature. Not the first framework to do this, but after seeing so many react specific frameworks, i really appreciate this.

Hombre Fatal

@hombre_fatal

The two interactive clusters of component examples on the homepage are really amazing and well thought out. How'd you come up with the idea of having them cascade down from the right side of the webpage above the fold? Never seen that before. The docs have some serious attention to detail.

Francisco Zapata

@drfcozapata

It's AMAZING!!!

I understand that they only incorporate HTML and TailwindCSS, but if they added DataTables they would go to heaven because it does not have the difficulty to customize that other libraries have (such as Vuetify, PrimeVue and others that are very good but have that handicap) since everything is managed with classes of Tailwind and the framework itself.

BRILLIANT.

I've already switched, and as long as I don't need to use datatables, this is my component framework. Blessings to the entire team from Venezuela.

Parlier Thierry 🧪💯

@mrnemesys

🎨 Want to create the perfect look for your app? With FlyonUI, you can easily apply your own design choices! Choose from themes like Light, Dark, Gourmet, Corporate, Luxury, and Soft. Plus, toggle Dark Mode effortlessly! 🌙 Give it a try today!

Get FlyonUI Now

Install FlyonUI

Follow these simple steps to get started with FlyonUI in your project

Get Started

Package Manager: npm / Installation Guide

Free & Open Source

Free and open-source

Built with Open-Source Built for the Community ❤️

FlyonUI combines Adss the best features of
daisyUI and PrelineJS to provide a robust Tailwind CSS UI kit

We are grateful for the contributions of the open-source community, particularly daisyUI and PrelineJS . These projects form the backbone of FlyonUI, allowing us to build a powerful and user-friendly UI kit.