TheEasiestEffortlessSeamless
Component Library for
Tailwind CSS
FlyonUI is an open-source Tailwind CSS components library with semantic classes and powerful JS plugins. Includes blocks, templates, a Figma design system, and moreā¦
New message!
12 unread messages. Tap to see.
- 08:30Daily Project Review
Team organization
- 09:00Sprint Surge
Daily Boost for Agile Progress
+9 - 11:45Project Status Update
Progress Overview Update
- 06:30Team Performance
Team Metrics Evaluation
+9





$24,895
10%
Compared to $84,325 last year

$24,895.65

$8,6500.20

$1,2450.80
- Phillip George
Hii samira, thanks for...
9.00AM1 - Jaylon Donin
I'll send the texts...
10.00PM3 - 8.30AMTiana Curtis
That's Great!
- Zaire Vetrovs
https://www.youtub...
5.50AM2 - 6.45PMKianna Philips
It was awesome.
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.
Free Forever
Completely free forever, open-source Tailwind CSS Component Library, and built for the community.
Ready-to-use Tailwind CSS Templates
Pre-built ready-to-use Tailwind CSS Templates to accelerate your project development.

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.
- Phillip GeorgeHii samira, thanks...9.00AM1
- Jaylon DoninI'll send the texts...10.00PM3
- 8.30AMTiana CurtisThat's Great!
- Zaire Vetrovshttps://www.youtub...5.50AM2
- 6.45PMKianna PhilipsIt was awesome.
Google
Twitter
Linkedin
Dribbble
Behance
primary
secondary
accent
neutral
base 100
base 200
base 300
content
info
success
warning
error

Say goodbye to cluttered HTML!
Write cleaner code with semantic classes, and effortlessly tweak them using Tailwind CSS utilities.

80+ 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.

Explore 350+ Free & Pro Blocks
Quickly build stunning web interfaces ā from landing pages and marketing sites to e-commerce and dashboards with unlimited theme options.
FlyonUI Impact
Celebrating the milestones achieved with FlyonUI.
0+
Components
0
GitHub Stars
0
NPM Installs
0+
Examples

The Wall of Love
Insights from those who've experienced FlyonUI.
Install FlyonUI
Follow these simple steps to get started with FlyonUI in your project
Package Manager: npm / Installation Guide

Built with Open-Source Built for the Community
FlyonUI combines 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.
We welcome contributions from developers worldwide. Together, we can make FlyonUI even better.
Visit our GitHub repository to get involved and be a part of our growing community.