Can I use FlyonUI with Tailwind CSS v4?

Yes, FlyonUI supports Tailwind CSS v4 using the @plugin directive as well as v3 via the standard tailwind.config.js file.

How is FlyonUI different from DaisyUI?

While both use similar semantic naming conventions, FlyonUI includes over 20 integrated JS plugins for complex interactions (like datatables and tree views) that DaisyUI does not provide natively.

FlyonUI is a Tailwind CSS component library that provides semantic CSS classes and optional JavaScript plugins for interactive elements like accordions and modals.

Do I need JavaScript for all FlyonUI components?

No, many components like buttons, badges, and alerts are CSS-only. JavaScript is only required for interactive components like carousels, tabs, and dropdowns.

How does this skill help with FlyonUI?

This skill gives Claude domain-specific knowledge of FlyonUI's class names, plugin initialization patterns, and provides MCP tools for searching and retrieving component source code.

FlyonUI Component Library

Name: FlyonUI Component Library
Author: peixotorms

bypeixotorms

0•

设计工具

Builds interactive Tailwind CSS interfaces using FlyonUI's semantic components and integrated JavaScript plugins.

FlyonUI is a comprehensive Tailwind CSS component library that bridges the gap between static CSS components and interactive UI elements. This skill empowers Claude to seamlessly integrate FlyonUI into web projects, providing access to over 40 pre-styled semantic classes and two dozen specialized JS plugins like datatables, steppers, and comboboxes. It is particularly useful for developers who want the efficiency of DaisyUI-style class names combined with robust, built-in interactive behaviors without needing to wire up external JavaScript libraries manually.

主要功能

01Full support for Tailwind CSS v3 and v4 installation patterns

02Automated component discovery and source code retrieval via MCP tools

030 GitHub stars

04Integrate 24+ interactive JS plugins including datatables, carousels, and steppers

05Built-in theming system with dark mode and custom CSS variable support

06Access 49+ pre-styled Tailwind CSS semantic components like buttons, cards, and modals

使用场景

01Building complex multi-step forms and wizards using the built-in stepper and validation plugins

02Developing responsive landing pages with accessible navigation, carousels, and tooltips

03Rapidly prototyping dashboard interfaces with interactive datatables and advanced search components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add peixotorms/odinlayer-skills flyonui

For use in Claude.ai and ChatGPT

Download Skill