.png)
4 months ago
16
Accelerate your project development with ready-to-use, and fully customizable Tailwind CSS components, blocks, pages, and templates.
Trusted by 1000+ Designers & Developers
Features
Supercharge Your Tailwind CSS Development with FlyonUI
Streamline development and boost productivity with Tailwind CSS using semantic classes, unlimited themes, cross-framework compatibility, and clean code.
Semantic Classes
Instead of writing 100 class names,
use semantic class names.
Universal Framework Compatibility
Fully compatible wherever Tailwind CSS is in action, from React to Vue and beyond.
Blocks
Pre built blocks
Explore 350+ Free & Pro Tailwind CSS Blocks
Quickly build stunning web interfaces – from landing pages and marketing sites to e-commerce and dashboards with unlimited theme options.
Components
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.
Reviews
Reviews
The Wall of Love
Insights from those who've experienced FlyonUI.
Pricing
Simple Pricing
Get Access to everything, use for unlimited projects.
Developer
Designer
Developer + Designer
Flat
30% OFF
For First 100 Users
Hurry up! The offer ends soon...
Access to 50+ Pages
Upcoming
Access to 20+ Templates
Upcoming
Pro
Suitable for individuals
Single Seat
Lifetime
Unlimited
Popular
Team
Best for growing teams
15 Seats
Lifetime
Unlimited
Enterprise
Best for large teams
Unlimited Seats
Lifetime
Unlimited
FAQs
FAQ's
Any Questions?
Using technology to make finance simpler, smarter and more rewarding.
General Questions
Our blocks and templates are fully functional (e.g., date pickers, modal popups, sliders) and built using pure HTML/CSS and vanilla JavaScript, making them compatible with any JavaScript framework or backend technology.
Explore framework-specific guides to learn how to integrate FlyonUI as a Tailwind CSS plugin with different frameworks and build tools.
All components and templates in FlyonUI Pro are designed and developed to be fully compatible with the latest version of Tailwind CSS.
FlyonUI Pro components and templates are optimized for the latest stable releases of major browsers, including Chrome, Firefox, Safari, and Edge.
Internet Explorer 11 is not supported.
Yes, the FlyonUI Figma file is included with the Designer or Developer+Designer package. You can also view it directly on our Figma page.
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.
License
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.
Payment
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.
Support
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.
