COMPATIBLE WITH:

The Easiest
Tailwind CSS
Components Library

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

Get Started
Badge

New message!

12 unread messages. Tap to see.

TODAY’S MEETINGS
  • 08:30
    Daily Project Review

    Team organization

    User Image
  • 09:00
    Sprint Surge

    Daily Boost for Agile Progress

    User Image
    User Image
    +9
  • 11:45
    Project Status Update

    Progress Overview Update

    User Image
  • 06:30
    Team Performance

    Team Metrics Evaluation

    User Image
    User Image
    +9
User Image
Jhon Doe
User Image
Elliot Chen
User Image
Maya Singh
User Image
Jasmine Rivera
User Image
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 Logo
Zipcar
Vuejs, React & HTML

$24,895.65

Bitbank logo
Bitbank
Sketch, Figma & XD

$8,6500.20

aviato logo
Aviato
HTML & Angular

$1,2450.80

CHAT LIST
  • User Image
    9.00AM 1
  • User Image
    10.00PM 3
  • User Image
    8.30AM
  • User Image
    5.50AM 2
  • User Image
    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+

Free Tailwind Components & Examples

Hundreds of component examples for all your website needs that meet accessibility criteria.

Universal Framework Compatibility

Fully compatible wherever Tailwind CSS is in action, from React to Vue and beyond.

Unstyled & Accessible Plugins

Seamlessly add unstyled, accessible plugins for functionality without sacrificing design.

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.
illustration boy

Tailwind CSS Blocks

Kickstart your project with FlyonUI’s wide range of Tailwind CSS blocks and layouts.
Coming Soon! prebuilt blocks
Unlimited Themes
Gradient Background
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.

Light

Dark

Gourmet

Corporate

Luxury

Soft

CHAT LIST
  • User Image
    9.00AM 1
  • User Image
    10.00PM 3
  • User Image
    8.30AM
  • User Image
    5.50AM 2
  • User Image
    6.45PM
APPS NOTIFICATION
  • google logo Google
  • twitter logo Twitter
  • linkedin logo Linkedin
  • dribble logo Dribbble
  • behance logo Behance

FlyonUI Themes

View All Themes
Semantic colors

primary

secondary

accent

neutral

base 100

base 200

base 300

content

info

success

warning

error

Components
Gradient Background
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.

Stats

FlyonUI Impact

Celebrating the milestones achieved with FlyonUI.
78+ Components
GitHub Stars
NPM Installs
800+ Examples
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

Gradient Background
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.

Special thanks 👍🏼 to:

DaisyUI Logo PrelineUI Logo

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.

99+