The

Easiest

Figma Design System Built for Tailwind CSS

FlyonUI for Figma is a comprehensive Tailwind CSS UI library and design system.

FlyonUI for Figma is a comprehensive Tailwind CSS UI library and design system featuring over 1000+ component variants, 350+ blocks, 4 Themes and more with an intuitive drag-and-drop page builder.

Yes, you can! Feel free to change the dashboard branding (e.g., Name and Logo), and customize it as per your requirement.

No need to provide any attribution to FlyonUI if you're using PRO version.

Upon completing your purchase, you'll receive an email with instructions to create an account. This account grants access to the source code for each block, a template (included with the Developer or Developer+Designer package), and/or a Figma file download link in receipt from the Billing page (included with the Designer or Developer+Designer package).

Your access allows you to view & copy code of blocks and/or access to the Figma file.

FlyonUI is a free, open-source Tailwind CSS component library with semantic classes. You can explore FlyonUI's open-source components before deciding to purchase.

For FlyonUI Pro (blocks, templates, or Figma files), you can preview demos online to evaluate them.

With a FlyonUI Pro license, you gain access to all current component packages and site templates, plus any new components or templates we release in the future at no additional cost.

This means that if we add a brand new component like "eCommerce Checkout" or design a new dashboard template, access to those products are included in your original purchase.

To get an idea of what updates have looked like in the past, check out our roadmap.

Using Tailwind CSS alone may lead to cluttered HTML with numerous utility classes, which can be a nightmare to maintain.

Tailwind CSS or daisyUI doesn't provide any interactive headless JavaScript components like accordion, overlay, dropdowns, etc.

This is where FlyonUI shines.✨ Read more...

Absolutely! FlyonUI is built for effortless customization, enabling you to tailor components, blocks, and templates to perfectly fit your project's unique style and needs.

Yes! All fonts, icons, and illustrations included in FlyonUI are either properly licensed through our research or purchased licenses. These assets come bundled with the package for your convenience and are safe to use in your projects.

Yes! Your license lets you build unlimited projects, from simple public sites to SaaS apps that users pay to access.

Just don't use FlyonUI to create website builders or tools that let others build sites using FlyonUI parts.

For more information please refer our license.

No, FlyonUI Pro cannot be used to create derivative products such as themes, UI kits, page builders, or other redistributable items where our components or templates are repackaged for others to use.

For more information please refer our license.

Definitely! You can use FlyonUI Pro components and templates for custom sites made for a single client.

But you can't resell the same site or template to multiple clients.

For more information please refer our license.

Refer to our pricing tables for detailed plan information. If you need further clarification, please contact us, and we'll assist you promptly.

Pay once and get FlyonUI forever - no hidden or recurring fees. You'll get all future updates, components, blocks, and templates without extra costs.

You don't need a new license for every project. Use FlyonUI Pro on unlimited projects with a single purchase.

No! As long as your projects follow the license rules, one license covers all your sites.

For more information please refer our license.

Yes! As long as what you're building is some sort of actual website and not a derivative component library, theme builder, or other product where the primary purpose is clearly to repackage and redistribute our components, blocks and templates it's totally okay for that project to be open source.

For more information please refer our license.

Yes, you can upgrade to a higher license at any time. Just log in to your account, go to the Billing & Upgrade page from the user dropdown menu, and select the plan you want to upgrade to.

You need a team or enterprise license to invite team members.

Log in to your account, navigate to the Team Invitations page from the user dropdown, and manage your team invitations there.

FlyonUI uses Lemon Squeezy to process payments, so you can pay with all major cards (Visa, Mastercard, American Express, Discover, Diners Club, JCB, China UnionPay) plus PayPal, Apple Pay, Google Pay, Alipay, WeChat Pay, Cash App Pay, and bank transfers like ACH.

After your purchase, you'll instantly get an email with an invoice and a download link (for the Designer or Developer+Designer package).

You can also login to your FlyonUI Pro account, go to the Billing & Upgrade page, and click the receipt link in your purchase history to view, update, and download your invoice anytime.

Since we use Lemon Squeezy, there are plenty of payment options. If your card or bank has restrictions, try contacting them first or use a different card, maybe a friend's or colleague's.

If that doesn't work, just reach out to us via our Contact Us page, and we'll help.

We do have a special discount for students and non-profit organizations.

To apply for the student or non-profit discount, please contact us from an email from your student or non-profit organization email address.

If you're not satisfied with your purchase, just contact us within 14 days and we'll issue a full refund.

Definitely! Our support is handled by the actual creators of FlyonUI. Send us your questions, and we'll reply within 48 working hours. Support covers usage-related questions for components, blocks, and templates.

For customization or custom development help, we have a specialized team familiar with the entire FlyonUI ecosystem - including the Figma design system, UI library, blocks, and templates. If you want professional help, check out our Hire Us page.

Please join our Discord channel and let one of the project maintainers know that you have purchased FlyonUI Pro. You will then have access to a private support channel.

You can reach us for any account, billing, or license questions through the chat feature located at the bottom right corner of our website's pages.

Every purchase comes with one year of free premium support - enough time to get comfortable with FlyonUI Pro. After that, you can renew if you want to keep support going.

We do have a team specialized with the FlyonUI ecosystem that includes the Figma design system, UI library, block sections and templates.

If you need help with your project, feel free to hire us.