primitives
headlessui
| primitives | headlessui | |
|---|---|---|
| 29 | 197 | |
| 16,201 | 26,544 | |
| 1.6% | 1.0% | |
| 9.0 | 9.0 | |
| 29 days ago | about 1 month ago | |
| TypeScript | TypeScript | |
| MIT License | 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.
primitives
- Explaining Scoped Context in React with example
-
Hacky Way to Customize Shadcn’s Tooltip Arrows
While this approach works, I’m sure there are UI libraries that allow for easier and more flexible tooltip styling. However, it feels rewarding to have found a workaround for this. If you're interested in exploring other options, you might want to check out this discussion.
-
Headless UI alternatives: Radix Primitives, React Aria, Ark UI
Radix Primitives is a library of unstyled React components built by the team behind Radix UI, a UI library with fully styled and customizable components. According to its website, the Node.js, Vercel, and Supabase teams all use Radix Primitives. The library has 14.8K stars on GitHub.
- 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
- 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
headlessui
-
React UI Component Libraries in 2025
An evolution of the popular Headless UI library, now offering more pre-styled components while maintaining its focus on accessibility and customization.
-
10 Websites to Get FREE Tailwind Components
Headless UI
-
Top 10 Vue.js libraries you should be using in 2025
Headless UI is a design pattern and library that separates the logic and behavior of a user interface component from its visual representation. It provides completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
-
Let's create Data Table with React, TanStack Table and Tailwind CSS. Part 1: Intro and HTML layout
Headless UI for various interface component logic.
-
jQuery UI
Guys, didn't you get the memo? We're doing this differently now, we've replaced
https://github.com/jquery/jquery-ui/blob/main/ui/widgets/tab...
with the much better, much simpler, more readable and not at all depending on 42(!) modules
https://github.com/tailwindlabs/headlessui/blob/main/package...
What joy!
-
10 game-changing tools that level up Svelte developers in 2025 💪
Svelte Headless UI is a library of unstyled, accessible UI components, inspired by Tailwind's Headless UI. It gives you all the interactivity without enforcing styles, allowing you to design the components exactly the way you want. With Svelte’s reactivity and this library's flexibility, building complex UI interactions has never been easier. Github repository →
- Flyon UI – Free Tailwind Components Library
-
Ultimate UI and Development Resource Guide for 2024 🚀
6. Headless UI Unstyled UI components that are fully accessible, designed to work seamlessly with frameworks like React and Tailwind CSS. Headless UI:
-
What is a component library and should you build your own?
Other examples of component libraries like this are Lion and HeadlessUI.
-
How to reuse your UI
Libraries of pre-made components came to facilitate this work. Today there are many styleless libraries, commonly called headless UI, for example React Aria, Radix and Headless UI . They implement the expected behavior and you only implement the style.
What are some alternatives?
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
zag - Finite state machines for building accessible design systems and UI components. Works with modern frameworks, and even just Vanilla JS
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
sveltekit-package-template - A barebones project that provides the essentials for writing highly-optimized, reusable packages in Svelte.
dub - Open-source link management infrastructure. Loved by modern marketing teams like Twilio, Perplexity, Vercel, and Huberman Labs.
downshift 🏎 - 🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
chakra-ui - Chakra UI is a component system for building products with speed ⚡️
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
component-template - A base for building shareable Svelte components
Tailwind CSS - A utility-first CSS framework for rapid UI development.