llms.txt
# flyonui.com llms.txt
- [FlyonUI - Free Tailwind CSS UI Components Library](https://flyonui.com): FlyonUI is an open-source Tailwind CSS UI components library with semantic classes and powerful JS plugins.
- [Premium Tailwind Components, Blocks, Pages & Templates - FlyonUI](https://flyonui.com/pro): Get access to premium Tailwind CSS components, responsive pages, and themes crafted for professionals to unlock full UI potential.
- [Tailwind CSS Figma Design System - FlyonUI](https://flyonui.com/figma): FlyonUI offers a comprehensive Tailwind Figma design system with 1000+ component variants, 500+ blocks, and more for streamlined design processes.
- [Tailwind AI Builder - FlyonUI MCP](https://flyonui.com/mcp): A Tailwind AI Builder that generates production-ready components and pages directly inside your IDE.
- [Tailwind CSS Templates & Themes - Free & Pro - FlyonUI](https://flyonui.com/templates): Explore a collection of customizable Tailwind CSS templates and themes for dashboards, landing pages, and more.
- [Tailwind CSS Blocks Free & Pro - FlyonUI](https://flyonui.com/blocks): Explore a collection of 500+ ready-to-use, fully customizable Tailwind CSS blocks for marketing dashboards, eCommerce applications, and data tables.
- [Tailwind CSS About Us Page - FlyonUI](https://flyonui.com/blocks/marketing-ui/about-us-page): Present your brand story with stylish Tailwind CSS About Us sections.
- [Tailwind CSS App Integration - FlyonUI](https://flyonui.com/blocks/marketing-ui/app-integration): Showcase app integrations clearly with Tailwind CSS blocks in a sleek, responsive layout.
- [Tailwind CSS Blog Component - FlyonUI](https://flyonui.com/blocks/marketing-ui/blog-component): Craft engaging blog layouts with Tailwind CSS Blog blocks.
- [Tailwind CSS Contact Us Page - FlyonUI](https://flyonui.com/blocks/marketing-ui/contact-us-page): Create functional and modern contact us sections using Tailwind CSS.
- [Tailwind CSS Cookies Consent - FlyonUI](https://flyonui.com/blocks/marketing-ui/cookies-consent): Compliant and clean Tailwind CSS cookie consent blocks for notifying users about data usage.
- [Tailwind CSS CTA Section - FlyonUI](https://flyonui.com/blocks/marketing-ui/cta-section): Drive conversions with bold Tailwind CSS Call-to-Action sections designed for clear messaging and seamless user engagement.
- [Tailwind CSS 404 Error Page - FlyonUI](https://flyonui.com/blocks/marketing-ui/error-page): Design attractive 404 error pages using Tailwind CSS Error blocks to inform users while keeping them on-brand and engaged.
- [Tailwind CSS FAQ Component - FlyonUI](https://flyonui.com/blocks/marketing-ui/faq-component): Answer common questions with clean, collapsible FAQ sections built using Tailwind CSS.
- [Tailwind CSS Features Section - FlyonUI](https://flyonui.com/blocks/marketing-ui/features-section): Highlight your product's strengths with modern Tailwind CSS Features blocks.
- [Tailwind CSS Footer Component - FlyonUI](https://flyonui.com/blocks/marketing-ui/footer-component): Complete your site with customizable Tailwind CSS Footer blocks featuring links, branding, and social icons.
- [Tailwind CSS Forgot Password - FlyonUI](https://flyonui.com/blocks/marketing-ui/forgot-password): Help users recover access with stylish Tailwind CSS Forgot Password forms.
- [Tailwind CSS Gallery Component - FlyonUI](https://flyonui.com/blocks/marketing-ui/gallery-component): Showcase images with Tailwind CSS Gallery blocks in responsive, grid-based layouts.
- [Tailwind CSS Hero Section - FlyonUI](https://flyonui.com/blocks/marketing-ui/hero-section): Grab attention with Tailwind CSS Hero Sections for high-impact landing pages.
- [Tailwind CSS Login Page - FlyonUI](https://flyonui.com/blocks/marketing-ui/login-page): Secure and responsive Tailwind CSS Login forms for authentication screens.
- [Tailwind CSS Logo Cloud - FlyonUI](https://flyonui.com/blocks/marketing-ui/logo-cloud): Showcase trusted clients, partners, or tools in an organized visual grid using Tailwind CSS Logo Cloud sections.
- [Tailwind CSS Navbar Component - FlyonUI](https://flyonui.com/blocks/marketing-ui/navbar-component): Navigate in style with responsive Tailwind CSS Navbar blocks, including sticky headers, dropdowns, and mobile-ready layouts.
- [Tailwind CSS Portfolio - FlyonUI](https://flyonui.com/blocks/marketing-ui/portfolio): Display your work beautifully with Tailwind CSS Portfolio sections designed for creatives, agencies, and developers.
- [Tailwind CSS Pricing Component - FlyonUI](https://flyonui.com/blocks/marketing-ui/pricing-component): Create high-converting pricing tables with Tailwind CSS Pricing blocks.
- [Tailwind CSS Register - FlyonUI](https://flyonui.com/blocks/marketing-ui/register): Design smooth registration forms with Tailwind CSS Register blocks.
- [Tailwind CSS Reset Password - FlyonUI](https://flyonui.com/blocks/marketing-ui/reset-password): Guide users through password reset with secure Tailwind CSS blocks.
- [Tailwind CSS Social Proof - FlyonUI](https://flyonui.com/blocks/marketing-ui/social-proof): Build trust with Tailwind CSS Social Proof sections to showcase reviews, brand mentions, and real user feedback with a modern layout.
- [Tailwind CSS Team Section - FlyonUI](https://flyonui.com/blocks/marketing-ui/team-section): Introduce your team using Tailwind CSS Team blocks, including member photos, bios, and roles to add personality and credibility.
- [Tailwind CSS Testimonials Component - FlyonUI](https://flyonui.com/blocks/marketing-ui/testimonials-component): Highlight client feedback with Tailwind CSS Testimonial sections designed to boost credibility and trust.
- [Tailwind CSS Two Factor Authentication - FlyonUI](https://flyonui.com/blocks/marketing-ui/two-factor-authentication): Secure accounts with responsive Tailwind CSS 2FA blocks for multi-step verification flows.
- [Tailwind CSS Verify Email - FlyonUI](https://flyonui.com/blocks/marketing-ui/verify-email): Design a clean, responsive email verification UI with Tailwind CSS for user authentication and seamless account setup.
- [Tailwind CSS Application Shell - FlyonUI](https://flyonui.com/blocks/dashboard-and-application/application-shell): Elegant, ready-to-use Tailwind CSS Application Shell blocks to streamline app development with polished, interactive designs.
- [Tailwind CSS Charts Component - FlyonUI](https://flyonui.com/blocks/dashboard-and-application/charts-component): Discover customizable Tailwind CSS Charts blocks to enhance app and dashboard UI with interactive visuals.
- [Tailwind CSS Dashboard Dropdown - FlyonUI](https://flyonui.com/blocks/dashboard-and-application/dashboard-dropdown): Sleek, customizable Tailwind CSS Dashboard Dropdown blocks to enhance the dashboard and app UI with smooth, interactive user experiences.
- [Tailwind CSS Dashboard Footer - FlyonUI](https://flyonui.com/blocks/dashboard-and-application/dashboard-footer): Modern, responsive Tailwind CSS Dashboard Footer blocks to elevate the dashboard and app UI with clean, professional layouts.
- [Tailwind CSS Dashboard Header - FlyonUI](https://flyonui.com/blocks/dashboard-and-application/dashboard-header): Awesome Tailwind CSS Dashboard Header blocks to enhance the dashboard UI with seamless navigation and appeal.
- [Tailwind CSS Dashboard Modal - FlyonUI](https://flyonui.com/blocks/dashboard-and-application/dashboard-modal): Elegant, user-friendly Tailwind CSS Dashboard Modal blocks to enrich the dashboard and app UI with interactive, responsive pop-ups.
- [Tailwind CSS Dashboard Shell - FlyonUI](https://flyonui.com/blocks/dashboard-and-application/dashboard-shell): A complete, modern Tailwind CSS Dashboard Shell designed for seamless integration and an enhanced user experience.
- [Tailwind CSS Dashboard Sidebar - FlyonUI](https://flyonui.com/blocks/dashboard-and-application/dashboard-sidebar): Sleek, responsive Tailwind CSS Dashboard Sidebar blocks to improve the dashboard and app UI with intuitive navigation and style.
- [Tailwind CSS Multi Step Form - FlyonUI](https://flyonui.com/blocks/dashboard-and-application/multi-step-form): Intuitive, stylish Tailwind CSS Multi-Step form blocks to enhance app and dashboard UI with smooth user flows.
- [Tailwind CSS Statistics Component - FlyonUI](https://flyonui.com/blocks/dashboard-and-application/statistics-component): Enhance your UI with stylish, responsive Tailwind CSS Statistics blocks for engaging data displays in apps and dashboards.
- [Tailwind CSS Widgets Component - FlyonUI](https://flyonui.com/blocks/dashboard-and-application/widgets-component): Explore modern, user-friendly Tailwind CSS Widgets blocks to elevate your app and dashboard UI with seamless interactivity.
- [Tailwind CSS Category Filter - FlyonUI](https://flyonui.com/blocks/ecommerce/category-filter): Enable easy product filtering with Tailwind CSS Category Filter blocks for a clean layout.
- [Tailwind CSS Checkout Page - FlyonUI](https://flyonui.com/blocks/ecommerce/checkout-page): Create seamless checkout experiences with Tailwind CSS Checkout blocks, featuring streamlined forms, secure payment options, and responsive design.
- [Tailwind CSS Mega Footer - FlyonUI](https://flyonui.com/blocks/ecommerce/mega-footer): Enhance your eCommerce site with Tailwind CSS Mega-footer blocks.
- [Tailwind CSS Mega Menu - FlyonUI](https://flyonui.com/blocks/ecommerce/mega-menu): Provide easy navigation with Tailwind CSS Mega-menu blocks for smooth shopping.
- [Tailwind CSS Offer Modal - FlyonUI](https://flyonui.com/blocks/ecommerce/offer-modal): Display exclusive deals, discounts, or promotions with a customizable popup design using Tailwind CSS Offer Modal blocks.
- [Tailwind CSS Order Summary - FlyonUI](https://flyonui.com/blocks/ecommerce/order-summary): Show customers a clear breakdown of their order with Tailwind CSS Order Summary blocks.
- [Tailwind CSS Product Category - FlyonUI](https://flyonui.com/blocks/ecommerce/product-category): Display your product range with clean, grid-based layouts for organizing and showcasing different product types.
- [Tailwind CSS Product List - FlyonUI](https://flyonui.com/blocks/ecommerce/product-list): Showcase products in a grid or list layout for eCommerce sites with multiple categories and options.
- [Tailwind CSS Product Overview - FlyonUI](https://flyonui.com/blocks/ecommerce/product-overview): A page showcasing FlyonUI's product overview blocks for ecommerce UI, featuring detailed product descriptions, images, pricing, and CTAs.
- [Tailwind CSS Product Quick View - FlyonUI](https://flyonui.com/blocks/ecommerce/product-quick-view): A page showcasing the product quick view block for enhancing user experience and convenience in e-commerce UI.
- [Tailwind CSS Product Reviews - FlyonUI](https://flyonui.com/blocks/ecommerce/product-reviews): Showcase ratings, feedback, and customer testimonials to inform purchase decisions.
- [Tailwind CSS Shopping Cart - FlyonUI](https://flyonui.com/blocks/ecommerce/shopping-cart): Create a user-friendly shopping cart with Tailwind CSS blocks for a clean and responsive layout.
- [Tailwind CSS Datatable Component - FlyonUI](https://flyonui.com/blocks/datatable/datatable-component): Create responsive, interactive datatables with Tailwind CSS DataTable blocks for displaying large datasets with sortable columns and filters.
- [Tailwind CSS Bento Grid - FlyonUI](https://flyonui.com/blocks/bento-grid/bento-grid): Display content in a flexible, grid-based layout with Tailwind CSS Bento Grid.
- [Help and Support - FlyonUI](https://flyonui.com/support): Access support resources, FAQs, and contact form to resolve issues with FlyonUI components or templates.
- [License Agreement - FlyonUI](https://flyonui.com/license): Review the licensing policy for free and premium components, templates, and UI kits available through FlyonUI's design system.
- [Privacy Policy - FlyonUI](https://flyonui.com/privacy-policy): Learn about FlyonUI's policies and procedures for collecting, using, and disclosing user information for secure web experiences.
- [Terms and Conditions - FlyonUI](https://flyonui.com/terms-and-condition): Terms and conditions governing the use of FlyonUI's website, UI components, design tools, and services.
- [Tailwind CSS Accordion - FlyonUI](https://flyonui.com/docs/components/accordion/): Utilize the accordion feature to reveal concealed content by toggling the collapse and expand states of its child elements.
- [Tailwind CSS Advance Range Slider - FlyonUI](https://flyonui.com/docs/third-party-plugins/advance-range-slider/): The page provides documentation and customization options for the Advance Range Slider component in Tailwind CSS.
- [Tailwind CSS Advanced select - FlyonUI](https://flyonui.com/docs/advanced-forms/advanced-select/): The Advanced Select Component enhances traditional select boxes with features like search and tagging for complex selection needs.
- [Tailwind CSS Alert - FlyonUI](https://flyonui.com/docs/components/alert/): This page provides documentation on the Alert component in FlyonUI, a Tailwind CSS-based UI framework.
- [All FlyonUI Tailwind CSS components - FlyonUI](https://flyonui.com/docs/component/): Explore a comprehensive collection of Tailwind CSS components by FlyonUI to enhance your web projects with high-quality, customizable UI elements.
- [Tailwind CSS Animation - FlyonUI](https://flyonui.com/docs/third-party-plugins/animation/): Enhance your projects with Tailwindcss Motion, a powerful Tailwind CSS plugin offering pre-designed motion classes for seamless animation integration.
- [Tailwind CSS Avatar - FlyonUI](https://flyonui.com/docs/components/avatar/): Avatars bring life to the interface, offering a small but vivid representation of individuals or businesses.
- [Tailwind CSS Badge - FlyonUI](https://flyonui.com/docs/components/badge/): Enhance UI with customizable status indicators or tags for web applications using FlyonUI badges with Tailwind CSS.
- [Base style - FlyonUI](https://flyonui.com/docs/customization/base/): This page documents the default styles implemented by FlyonUI.
- [Tailwind CSS Blockquote - FlyonUI](https://flyonui.com/docs/content/blockquote/): The blockquote component is used to incorporate quoted text from an external source, ideal for testimonials, reviews, and quotes within an article.
- [Blocks - FlyonUI](https://flyonui.com/docs/pro/blocks/): Build responsive layouts with FlyonUI Pro Blocks and Tailwind CSS for rapid, professional web development.
- [Tailwind CSS Breadcrumb - FlyonUI](https://flyonui.com/docs/navigations/breadcrumb/): A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or web application.
- [Tailwind CSS Browser - FlyonUI](https://flyonui.com/docs/mockups/browser/): The page features a design mockup of a browser window with typical interface elements and layout.
- [Tailwind CSS Button - FlyonUI](https://flyonui.com/docs/components/button/): Browse and customize various Tailwind CSS buttons in different styles and states.
- [Tailwind CSS Calendar - FlyonUI](https://flyonui.com/docs/third-party-plugins/fullcalendar/): FullCalendar is a versatile JavaScript component for displaying events in monthly, weekly, or daily views.
- [Tailwind CSS Card - FlyonUI](https://flyonui.com/docs/components/card/): Use FlyonUI's card component to create readable, responsive content displays with Tailwind CSS for your web applications.
- [Tailwind CSS Carousel - FlyonUI](https://flyonui.com/docs/components/carousel/): Utilize the carousel component to navigate through various elements and images with customized controls, indicators, intervals, and settings.
- [Changelog - FlyonUI](https://flyonui.com/docs/changelog/): A page listing the latest enhancements, features, and improvements in the FlyonUI project, with a focus on updates and changes.
- [Tailwind CSS Charts - FlyonUI](https://flyonui.com/docs/third-party-plugins/apex-charts/): This page provides information on using Apex Charts with FlyonUI, a Tailwind CSS framework.
- [Tailwind CSS Chat Bubble - FlyonUI](https://flyonui.com/docs/components/chat-bubble/): A documentation page for the Chat Bubble component in the FlyonUI Tailwind CSS framework.
- [Tailwind CSS Checkbox - FlyonUI](https://flyonui.com/docs/forms/checkbox/): The checkbox component allows users to select one or more options by ticking a square box, available in various styles, sizes, colors, and variants.
- [Tailwind CSS Code - FlyonUI](https://flyonui.com/docs/mockups/code/): A code mockup displays code inside a styled box that mimics a code editor, making it perfect for showcasing code in documentation, demos, or tutorials.
- [Code Editors - FlyonUI](https://flyonui.com/docs/ai-mcp-setup/code-editors/): A guide on efficiently using code editors and MCP servers to generate Tailwind CSS and FlyonUI code.
- [Tailwind CSS Collapse - FlyonUI](https://flyonui.com/docs/components/collapse/): Toggle the visibility of content in the collapse component to expand or collapse sections as desired.
- [Colors - FlyonUI](https://flyonui.com/docs/customization/colors/): Explore FlyonUI's color system with Tailwind CSS for cohesive web app designs.
- [Tailwind CSS Combo Box - FlyonUI](https://flyonui.com/docs/advanced-forms/combo-box/): A JavaScript plugin that improves user experience by dynamically suggesting options as users type into an input field.
- [Config - FlyonUI](https://flyonui.com/docs/customization/config/): A comprehensive guide to configuring and customizing the default FlyonUI settings and Tailwind CSS styles.
- [Tailwind CSS Context Menu - FlyonUI](https://flyonui.com/docs/overlays/context-menu/): Implement a context menu to enhance interactivity and user experience on your site by offering users relevant actions and options through a right-click.
- [Tailwind CSS Copy Markup - FlyonUI](https://flyonui.com/docs/advanced-forms/copy-markup/): The Copy Markup Component adds extra fields, like address entries, simplifying form expansion and making it ideal for dynamic surveys and registrations.
- [Copy Prompt - FlyonUI](https://flyonui.com/docs/ai-mcp-setup/copy-prompt/): Learn how to use FlyonUI's copy prompt functionality to efficiently integrate components/blocks into your projects with AI assistance.
- [Tailwind CSS Copy To Clipboard - FlyonUI](https://flyonui.com/docs/third-party-plugins/clipboard/): This page provides information on the Clipboard components, which are essential tools for simplifying data copying and pasting in applications.
- [Cursor Setup for FlyonUI - FlyonUI](https://flyonui.com/docs/code-editors/cursor/): Set up Cursor to generate FlyonUI code with Tailwind CSS for fast, efficient web development workflows.
- [Customize components - FlyonUI](https://flyonui.com/docs/customization/customize-components/): Easily personalize FlyonUI components with Tailwind CSS to build tailored components for your project's needs.
- [Tailwind CSS Data Maps - FlyonUI](https://flyonui.com/docs/third-party-plugins/datamaps/): Datamaps are customizable SVG visualizations for the web that convert raw data into interactive geospatial insights.
- [Tailwind CSS Datatables - FlyonUI](https://flyonui.com/docs/third-party-plugins/datatables/): Upgrade your HTML tables with Tailwind CSS Datatables for improved search, pagination, and sorting, enhancing data navigation and management.
- [Tailwind CSS DatePicker - FlyonUI](https://flyonui.com/docs/third-party-plugins/flatpickr/): A documentation page for the Flatpickr JavaScript library, providing information on its usage and customization options for web applications.
- [Tailwind CSS Diff - FlyonUI](https://flyonui.com/docs/components/diff/): The Diff component allows for a side-by-side comparison of two items, making it easy to identify their differences and similarities.
- [Tailwind CSS Divider - FlyonUI](https://flyonui.com/docs/content/divider/): Use FlyonUI dividers with Tailwind CSS to separate content vertically or horizontally for clean, organize
