Introducing FlyonUI Pro 🤩 - Accelerate your project development with ready-to-use, and fully customizable Tailwind CSS components & blocks.

Explore UI Blocks
Tailwind CSS v4.0 šŸš€ + Ghibli Theme šŸŽØ

The
Easiest
Effortless
Seamless

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…

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
    Phillip George

    Hii samira, thanks for...

    9.00AM1
  • User Image
    Jaylon Donin

    I'll send the texts...

    10.00PM3
  • User Image
    Tiana Curtis

    That's Great!

    8.30AM
  • User Image
    Zaire Vetrovs

    https://www.youtub...

    5.50AM2
  • User Image
    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.

Unlimited Themes
Unlimited Themes Gradient
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
More
CHAT LIST
  • User Image
    Phillip George
    Hii samira, thanks...
    9.00AM1
  • User Image
    Jaylon Donin
    I'll send the texts...
    10.00PM3
  • User Image
    Tiana Curtis
    That's Great!
    8.30AM
  • User Image
    Zaire Vetrovs
    https://www.youtub...
    5.50AM2
  • User Image
    Kianna Philips
    It was awesome.
    6.45PM
APPS NOTIFICATION
  • google logoGoogle
  • twitter logoTwitter
  • linkedin logoLinkedin
  • dribble logoDribbble
  • behance logoBehance
FlyonUI Themes
View All Themes
Semantic colors

primary

secondary

accent

neutral

base 100

base 200

base 300

content

info

success

warning

error

Easy Code
Easy Code Gradient
Easy Code

Say goodbye to cluttered HTML!

Write cleaner code with semantic classes, and effortlessly tweak them using Tailwind CSS utilities.

See Magic
Components
Components Gradient
Components

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.

FlyonUI Pro
FlyonUI Pro Gradient
FlyonUI Pro

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.

Column 1Column 2Column 3Column 4Column 5Column 6
Stats

FlyonUI Impact

Celebrating the milestones achieved with FlyonUI.

0+

Components

0

GitHub Stars

0

NPM Installs

0+

Examples

Reviews
Reviews Gradient
Reviews

The Wall of Love

Insights from those who've experienced FlyonUI.

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 & Open-Source Gradient
Free and open-source

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.

Special thanks šŸ‘šŸ¼ to:

daisyUI LogoPrelineUI 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.