floatui
primitives
floatui | primitives | |
---|---|---|
17 | 26 | |
3,140 | 14,392 | |
2.9% | 3.7% | |
6.0 | 8.0 | |
1 day ago | 14 days ago | |
MDX | TypeScript | |
GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
floatui
-
Seriously, why isn't React Aria as famous as Radix UI?
I have used Radix UI a lot, and built a library using it like Float UI and PH clone, and it’s cool tbh.
-
I built a free Tailwind UI library with Nextjs 13 and made it open source.
Website: https://floatui.com
-
A STEP BY STEP GUIDE TO CREATING A FULL STACK WEB APP USING NEXT JS AND SUPABASE 🙌🙌💥..
Personally I used Float UI , I can guarantee you that this is a game changer in the design of the front-end working🔥with tailwind 💥👌👌🔥.Just head over to their website Float UI and you can see the amazing components that they have:
-
Tailwind CSS vs Float UI: which one is the best in 2023?
Tailwind CSS is a highly popular utility-first CSS framework that has been gaining significant attention and adoption among web developers. Unlike traditional CSS frameworks that come with predefined styles and components, Tailwind CSS takes a unique approach by providing a comprehensive set of utility classes that can be combined to build custom user interfaces.
-
DevHunt: Best product hunt alternative
Enter DevHunt, a refreshing and much-needed alternative to Product Hunt. Built using Next.js, Float UI, and Tailwind CSS, this platform offers a sleek and intuitive user interface that enhances the overall browsing experience. The backend is powered by Supabase, a scalable and secure database, ensuring optimal performance and data integrity. Hosting is handled by Vercel, a reliable and efficient cloud platform, providing a seamless user experience.
-
Top resources for Tailwind CSS for 2023
9. Float UI
-
90% of people who use Tailwind CSS don't know these 6 simple tricks
This kind of gradient backgrounds is so trend now, it’s exists in a lot of websites today, and always looks beautiful if you implemented it in a good way, in this part we will learn how to make something like this using Tailwind CSS, we just user a Hero component from Float UI to save time.
-
How to Launch Your Open Source Product in Just 3 Weeks (And Only Spend $10!)
floatui.com - Tailwind UI lib
-
Float UI: The Tailwind UI Alternative for Building Beautiful Web Interfaces
In the world of web development, creating visually appealing and user-friendly interfaces is paramount. While there are many frameworks and tools available, Tailwind UI has gained significant popularity due to its comprehensive set of pre-designed components and utility classes. However, an emerging contender has entered the scene - Float UI. In this article, we will explore Float UI as a compelling alternative to Tailwind UI and delve into its features, and benefits.
-
I built an open source Tailwind UI library and website templates
Float UI is a platform that allows users to create modern websites without requiring design knowledge. The platform is open source and free, making it accessible to everyone. It includes a collection of responsive user interface components and website templates with modern designs, making it easy for users to develop websites quickly. With Float UI, users can optimize their website development projects and achieve professional results.
primitives
- Radix Primitives: an open-source UI component library
-
React: Build your own composable, headless components
Fast forward to a week ago, I cloned the Reach UI and Radix UI codebase and started exploring. Large codebases are always difficult to comprehend. With some digging around and reverse engineering, I was able to create the first component listed in the Reach UI docs, the Accordion.
-
Show HN: Radix Themes – A beautiful, open-source React component library
Hi HN! I'm Vlad, a designer and engineer on the Radix team (https://radix-ui.com). We just launched Radix Themes, an open source component library for building modern, accessible React apps.
Radix Themes is built on top of Radix Primitives (https://radix-ui.com/primitives), which companies like Vercel, CodeSandbox, and Supabase, among others, already use to power their interfaces.
Our goal is to help you focus on your product and build it faster instead of re-inventing common designs and working on the UI components over and over.
Under the hood, Radix Themes is built with TypeScript, React and vanilla CSS. All design tokens are CSS variables that you can tweak, overwrite, or use to build your own custom components with any styling solution that you like.
The idea to build Radix Themes emerged while working on our own design system at WorkOS (https://workos.com), which is the company behind Radix. There was hundreds of design details and edge cases that we had to take care of, so it still didn't feel like a solved problem.
We also were obsessed with getting the developer experience right. For every component we asked ourselves—what is the right API? What are the right props and parts? What should, and more importantly, shouldn’t be a part of this component? What API would make the code easy to understand and maintain, and what would put you into a messy situation that could bite when you don’t expect it?
With this approach, we used our own, battle-tested components that serve our paying users to kickstart Radix Themes.
I hope that you find Radix Themes useful. Right now, there’s 45 components, hundreds of carefully crafted variants, a few simple and powerful primitives for layout, and an extensive token system.
I would love to hear your feedback on our work and learn about your experiences with building UIs.
- 5 React Libraries to Level Up your Projects in 2023
-
I'm building Radix Svelte, an unstyled UI component library with a focus on accessibility.
Other things that led me to choose this path were: Most libraries that are ports, official or not, use the original name (e.g. Svelte Material UI); Radix UI's license is fairly permissive (https://github.com/radix-ui/primitives/blob/main/LICENSE), which is why I also don't think it matters that it's a company behind it. Same as why I don't see an issue with the name Preact, for example.
-
I made a tool for converting between different media formats (without uploading to a server)
For a react project I recommend https://radix-ui.com, it's got pretty good defaults
-
List of free Tailwind UI component resources
radix-ui.com
-
useControlledProps: Make any React Component Controlled/Uncontrolled
This is really cool, Radix UI uses a similar hook internally for their components. I like your implementation though.
-
Is form handling always a pain in the ass in React?
Remix is a dream. Once combined with Radix Form Component it'll be freaking heaven. https://github.com/radix-ui/primitives/blob/form-rfc/rfcs/2023-radix-form-primitive.md
-
Please give feedback on my personal company website
Looks like radix-ui.com, but a bit more boring tbh
What are some alternatives?
sailboatui - Sailboat UI is a modern UI component library for Tailwind CSS
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
zag - Finite state machines for building accessible design systems and UI components.
tailwindcss-radix - Utilities and variants for styling Radix state
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
100first - 100first is a web application intended to track the #100daysofcode challenge and generate your own unique profile with proof of completion! Here is mine - https://100first.vercel.app/profile/61df0b44e0926caea9cd5bde
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
runonce - My personal homepage.
sveltekit-package-template - A barebones project that provides the essentials for writing highly-optimized, reusable packages in Svelte.
skin - A free open source library of Tailwind CSS components.
shoelace-css - A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME 👇👇👇