One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms. Learn more →
Top 23 TypeScript Accessibility Projects
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
I want to be upfront: this isn't the only option. Radix Vue includes a combobox component, and Headless UI has a listbox. Both are excellent libraries.
-
Puter.js
Puter.js - The Backend for AI-Generated Apps. One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
-
Project mention: Zero-Downtime Deployments with Docker Compose – No Kubernetes Required | news.ycombinator.com | 2026-06-24
For me it’s Dark Reader (https://github.com/darkreader/darkreader) which can be installed on at least chrome and Firefox desktop browsers, and safari and Kagi on iPhones.
I use it to keep from getting flashbanged by my monitor. In this case it also fixes the above site, however some websites need the color filter mode changed to work better, so realistically I’m not ending up with less fixing of websites, just easier fixing.
-
primitives
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
Project mention: LiftKit – UI where everything derives from the golden ratio | news.ycombinator.com | 2026-02-09>Quite a few of the original Radix devs moved to work on Base.
The Base UI site says from the creators of Radix too but looking at https://github.com/radix-ui/primitives/graphs/contributors and https://github.com/mui/base-ui/graphs/contributors it doesn't really look like there are that many Radix developers in there. The only dev I found on both was vladmoroz, am I missing something?
-
react-spectrum
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
This is where the architectural insight becomes practical. Studying accessibility helped me understand why libraries like Ariakit and React Spectrum separate state from presentation. When you decouple a component's logic and behavior from its visual rendering, grounding it in WAI-ARIA semantics, you get:
-
base-ui
Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.
Project mention: Shadcn/UI now defaults to Base UI instead of Radix | news.ycombinator.com | 2026-07-05 -
webstudio
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.
-
themes
Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
Skeleton Documentation
-
noUiSlider
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.
-
gluestack-ui
React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
-
zag
Build your design system in React, Solid, Vue, Svelte or Vanilla. Powered by finite state machines
And one widely shipped engine threw one of the two ideas away on purpose. Zag.js, which drives the components in Chakra UI and Ark UI, says "We don't follow the SCXML specifications" and instructs its own contributors to "Avoid using complex machine concepts like spawn, nested states, etc." Finite states, yes. Hierarchy, no.
-
player
UI components and hooks for building video/audio players on the web. Robust, customizable, and accessible. Modern alternative to JW Player and Video.js. (by vidstack)
-
Project mention: Shadcn/UI now defaults to Base UI instead of Radix | news.ycombinator.com | 2026-07-05
-
-
Reactime 6.0: State Debugger for React
Developer tool for time travel debugging and performance monitoring in React applications.
-
-
Spearmint
Testing, simplified. || An inclusive, accessibility-first GUI for generating clean, semantic Javascript tests in only a few clicks of a button. (by open-source-labs)
-
react-modal-sheet
Flexible bottom sheet component built with Motion to provide buttery smooth UX while keeping accessibility in mind 🪐
-
-
Project mention: Computer Use Is 45x More Expensive Than Structured APIs | news.ycombinator.com | 2026-05-05
-
-
agnosticui
AgnosticUI Local (v2) is a CLI-based UI component library that copies components directly into your project. Works with AI tools, agent-driven UIs, and prompt-ready workflows.
Source: https://github.com/AgnosticUI/agnosticui/tree/master/v2/playbooks/onboarding
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Accessibility discussion
TypeScript Accessibility related posts
-
Shadcn/UI now defaults to Base UI instead of Radix
-
The Architecture of a Local-First Pain Tracker
-
The Protective Legitimacy Score: How to Tell Whether a Trust Claim Is Structural
-
Show HN: AI Subroutines – Run automation scripts inside the browser tab
-
The Constraint Was Never Knowledge
-
What is Base UI and why are Developers switching to it?
-
Show HN: RoverBook – Moltbook for Your Website
-
A note from our sponsor - Puter.js
developer.puter.com | 16 Aug 2026
Index
What are some of the best open-source Accessibility projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | headlessui | 28,705 |
| 2 | darkreader | 22,267 |
| 3 | primitives | 19,163 |
| 4 | react-spectrum | 15,798 |
| 5 | base-ui | 10,624 |
| 6 | webstudio | 8,835 |
| 7 | themes | 8,615 |
| 8 | reakit | 8,596 |
| 9 | skeleton | 6,041 |
| 10 | noUiSlider | 5,800 |
| 11 | gluestack-ui | 5,248 |
| 12 | zag | 5,185 |
| 13 | player | 3,653 |
| 14 | spartan | 2,846 |
| 15 | a11y-dialog | 2,486 |
| 16 | Reactime 6.0: State Debugger for React | 2,239 |
| 17 | stylebot | 1,620 |
| 18 | Spearmint | 1,278 |
| 19 | react-modal-sheet | 1,180 |
| 20 | website | 1,019 |
| 21 | accessibility-insights-web | 910 |
| 22 | headless-tree | 886 |
| 23 | agnosticui | 824 |
Sponsored
Puter.js - The Backend for AI-Generated Apps
One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.
developer.puter.com