FlyonUI icon

FlyonUI

An open-source UI component library for Tailwind CSS with semantic classes and powerful plugins.

Get the UI kit →
Screenshot of the FlyonUI kit

FlyonUI simplifies web development by providing ready-made Tailwind CSS components, blocks and templates. It includes a Figma design system and supports multiple frameworks like React, Vue, Angular and Svelte.

Key Features:

  • 80+ free UI components and examples that meet accessibility standards
  • Semantic classes that reduce HTML complexity and improve code readability
  • Universal framework compatibility with any project using Tailwind CSS
  • 10+ built-in themes including dark mode, corporate, and modern styles
  • Ready-to-use templates and blocks to speed up development

FlyonUI helps designers and developers save time by eliminating the need to write lengthy class names whilst maintaining the flexibility to customise components with Tailwind utilities. Its semantic approach and comprehensive collection of components make it an excellent choice for both simple websites and complex applications.

Get the UI kit →

Platforms:

Share on:
← Back to all kits

Browse more UI kits

View all →

Read our latest posts

View all →

Explore more platforms

All platforms →

Browse cross-platform kits

All platforms →
Publish your website in minutes with Framer.

Publish your website in minutes with Framer.