rci
headlessui
rci | headlessui | |
---|---|---|
2 | 198 | |
902 | 26,720 | |
- | 0.8% | |
2.6 | 8.8 | |
almost 2 years ago | 2 days 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.
rci
-
Need help making my component accesible
I have created a simple segmented input component, using the not so accessible technique of having multiple input components next to each other. I know it's bad, but doing it the rci is more difficult and limiting, but now I want to make it more accessible. My approach is to make a second input element next to it, hide it with css, and make screen readers think it's the actual input field. However, I don't really know how. So, what aria attributes and what not can I give to to trick screen readers into not seeing the div and only the input and is it even doable? Here's is the general DOM structure of my component
-
Made a Segmented Input component for svelte
Take a look at https://github.com/leonardodino/rci for inspiration.
headlessui
-
Top 10 best React component libraries in 2025
Website: headlessui.com
-
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.
What are some alternatives?
block-code - A fully customizable, one-time password input component for the web built with React
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
gincko - Build complex, smart forms or inputs-based UIs in seconds.
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
react-math-keyboard - A customizable math keyboard for React
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
heroui - π Beautiful, fast and modern React UI library. (Previously NextUI)
image-to-totp - π Convert QR images to TOTP codes
primevue - Next Generation Vue UI Component Library
a12n-server - An open source lightweight OAuth2 server
downshift π - π A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.