In the world of web development, creating visually appealing and user-friendly interfaces is paramount. While there are many frameworks and tools a...
For further actions, you may consider blocking this person and/or reporting abuse
Good but why only JSX, you could add a plain old HTML.
The problem with HTML is that nobody these days use it plain, they always use a JS framework to build frontend.
You sure about that?
Yea, especially if the components is interactive, people want to save time, if you miss it people will go to something like MUI or NextUI that support it by default, because if you think about making every HTML you copy interactive will take you time, this is my point.
This limits your userbase to just react, preact, solid... anything with just JSX.
What about Svelte, Vue or even Angular?
Yea you’re right, basically we’re thinking to support them, thanks for your reply :)
FloatUI is just a repository of pre-written tailwindcss tokens, and looking at the components there's nothing specific to React use case. So you'll just be creating examples that are basically the same for React, Vue etc. when you can just creating one HTML example for all your components and then add examples for the interactive components for different frameworks.
At the end of the day, a React, Vue etc developer is a HTML developer. So everybody benefits, and you do less work, right?
Yes, you’re right and I agree with you.
No, that is not true at all. Most of the sites are still built with serverside rendered with PHP/Ruby/.net/java etc...
Oops, didn’t know that, thanks for clarifying.
You can use DivMagic to convert all of these components into HTML with one click
Is it free/open source?
It is a commercial tool
Great, didn’t know about it before, thanks!
Sounds cool but what does float ui do that Tailwind doesn't? And how is it better than Tailwind? Genuine question.
Thank you David! Answering to your question, Float UI isn’t a CSS framework it’s a UI library built on top of Tailwind CSS, includes ready to use components to speed up your work in building UIs.
Thanks. The article implies it can be a replacement for Tailwind rather than an extension of it. Thanks for sharing and clarifying.
I think you're mixing up tailwindcss with Tailwind UI
Interesting.
when i click on floar ui link, it gave me unsecure link warning to me in Android chrome
Attackers might be trying to steal your information from floatui.com (for example, passwords, messages, or credit cards)
Thank you for reporting, will fix it ASAP.
And don't forget Blazor too.
Not every developer is into JS frameworks like React, Angular, Vue, etc.
I am a C# developer using the ASP. Net Core stack and I prefer to use Blazor for writing SPA apps.
Just putting it out there 😀
That's sounds interesting, how do you deal with the interactive components, do you use pure JavaScript?
Looks really nice! I do think it would benefit significantly from the components being made accessible. Things like appropriate attributes for modals and alerts, and appropriate labels for close buttons that are an "X" SVG would make it easier to get up and running and help users of accessibility technology that interact with these components.
Hey, thank you so much for this great point.
Thanks for this insightful article.
Glad you liked it, Dauda :)
Looks amazing, can't wait to try it out.
Thanks Michael, looking forward to see you using it 🙌
nice
love this lib
You should try out WEAVV doesn't build on top of Tailwind. Fit in HTML or JS as you like. No design limits.
Float UI is awesome. Great work on creating it Sidi
Thank you so much mate 🙏
i love this float ui
Thank you so much, appreciate it, Ejikr 🙏