ajaypatel9016

Same here, Shadcn theme generator enabled me to customise the theme in real time which is very helpful.

Please share your feedback and suggestions.

Repo: https://github.com/themeselection/shadcn-studio

Hello Palmik,

Thanks for the appreciation. Currently we will be considering the support capabilities with JS frameworks, may be in the future we may consider Radix UI (ala shadcn.

Hello welder,

Thanks for sharing your thoughts.

Obviously, shadcn is the best library.

FlyonUI is designed to combine the best of both worlds: the aesthetic appeal of semantic classes and the powerful functionality of JS plugins.

Why should I use FlyonUI? Using Tailwind CSS alone may lead to cluttered HTML with numerous utility classes, which can be a nightmare to maintain.

Apart from that Tailwind CSS or DaisyUI doesn’t provide any interactive headless JavaScript components like accordion, overlay, dropdowns, etc…

This is where FlyonUI shines.

FlyonUI brings together the beauty of semantic classes and the interactive headless JavaScript plugins, offering you a powerful toolkit to build stunning, interactive user interfaces with ease.

Hello rockyj,

Here are some key points addressing the need for another component library on top of DaisyUI, like FlyonUI:

Additional JavaScript Support: DaisyUI is the most popular component library for Tailwind CSS, offering a wide range of components with semantic class names. But many projects require interactive features that need JavaScript. FlyonUI builds on top of DaisyUI by integrating Preline’s JS plugins, offering headless, fully unstyled components that are accessible and responsive.

Headless Architecture: FlyonUI’s headless architecture allows developers to focus on functionality, providing greater flexibility when integrating components into any UI framework or design system.

Broader Component Set: FlyonUI extends the component offering, with both UI elements and functional components that handle interactive behaviors like accordion, overlay, dropdowns, and carousels, etc.

Third-Party Component Support: FlyonUI provides built-in support for popular third-party libraries like ApexCharts, FullCalendar, Flatpickr, and Toast, etc. This allows developers to extend their UIs with advanced features.

For more details refer: https://flyonui.com/docs/getting-started/introduction/

We've used an open-source library called datamaps https://datamaps.github.io/ which plots India as you're seeing on FlyonUI.

Which indeed needs to be correct.

Hello littlestymaar,

Thanks for sharing your thoughts.

To deal with the huge number of class lists like this

`fixed flex items-center w-full max-w-xs p-4 space-x-4 text-gray-500 bg-white divide-x rtl:divide-x-reverse divide-gray-200 rounded-lg shadow top-5 right-5 dark:text-gray-400 dark:divide-gray-700 dark:bg-gray-800"` [1]

We've created Flyon UI, to combine the best of both worlds: the aesthetic appeal of semantic classes and the powerful functionality of JS plugins.

With FlyonUI you can achieve this with semantic classes like:

btn btn-primary

for more details: https://flyonui.com/docs/third-party-plugins/notyf/

Hello kewp,

We appreciate your feedback.

Honestly, we've just shipped our first release and we will be creating guides for the framework integration soon.

https://flyonui.com/docs/getting-started/framework-guides/

However, you can mention localhost in the URL if you're trying on the local machine or you can share stackblitz URL with setup which you have tried.

Hello fmnxl,

Those are nice questions and we asked the same ourselves twice before we started working on this http://flyonui.com/.

Preline is a great library with its beauty. It uses Tailwind CSS utility clasess may lead to cluttered HTML with numerous utility classes, which can be a nightmare to maintain.

Where DaisyUI is the most popular component library for Tailwind CSS, offering a wide range of components with semantic class names. However many projects require interactive features that need JavaScript.

This is where FlyonUI shines.

FlyonUI builds on top of DaisyUI by integrating Preline’s JS plugins, offering headless, fully unstyled components that are accessible and responsive.

Hello Fermigier,

Thank you for sharing your input.

You’re correct that Preline has a dual license (MIT) allowing usage for both personal and commercial projects.

We've confirmed with Preline and they have implemented this license just to restrict those who utilize their code without proper attribution.

FlyonUI utilizes the Preline JS plugins to enhance the functionality of its semantic components.

As a result, it also adheres to the same licenses. For more details, please visit: https://flyonui.com/docs/getting-started/license/