Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
-
Updated
Jul 30, 2025 - TypeScript
(Web) Accessibility or eAccessibility (often abbreviated to A11y — this is a numeronym, where the “11” stands for the 11 letters between the first letter “a” and the last letter “y”) is the practice of building inclusive spaces for different people, either by supporting the use of assistive technology (ALT text, ARIA HTML attributes, etc.) or by designing things with multiple ways to access them (color coding + text labels + icons, captions + sign language interpreter), keeping in mind different forms of impairments, disabilities, and difficulties—both temporary and permanent—, users of these space could face and might struggle with while using the space, which include:
<ul>
<li>color blindness/color vision deficiency</li>
<li>blindness/low vision/poor eyesight</li>
</ul>
<ul>
<li>tremors</li>
<li>loss of fine muscle control,</li>
</ul>
<ul>
<li>people who are hard of hearing</li>
<li>deafness</li>
</ul>
<ul>
<li>developmental disabilities</li>
<li>learning difficulties (dyslexia, dyscalculia, etc.)</li>
<li>cognitive disabilities (PTSD, Alzheimer’s)</li>
</ul>
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Dark Reader Chrome and Firefox extension
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
Toolkit with accessible components, styles, and examples for your next web app
Open source website builder and Webflow alternative. Webstudio is an advanced visual builder that connects to any headless CMS, supports all CSS properties, and can be hosted anywhere, including with us.
Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.
Clarity is a scalable, accessible, customizable, open source design system built with web components. Works with any JavaScript framework, built for enterprises, and designed to be inclusive.
noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies.
Skeleton is an adaptive design system powered by Tailwind CSS.
Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.
Build your design system in React, Solid, Vue or Svelte. Powered by finite state machines
React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
UI components and hooks for building video/audio players on the web. Robust, customizable, and accessible. Modern alternative to JW Player and Video.js.
A very lightweight and flexible accessible modal dialog script.
React material design - An accessible React component library built from the Material Design guidelines in Sass
Developer tool for time travel debugging and performance monitoring in React applications.
Cutting-edge tools powering Angular full-stack development.
Duet Date Picker is an open source version of Duet Design System’s accessible date picker. Try live example at https://duetds.github.io/date-picker/
Change the appearance of the web instantly