Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today. Learn more →
Top 23 TypeScript Accessibility Projects
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Project mention: Tailwind CSS vs. Bootstrap: Which Framework is Better for Your Project? | dev.to | 2025-03-12Tailwind CSS ecosystem features growing resources like Tailwind UI (a component library), Headless UI (unstyled, accessible components), and community-built plugins. It’s maintained by a smaller company (Tailwind Labs) but has very active development and a dedicated community of web developers.
-
Civic Auth
Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
-
I suppose they’re using https://darkreader.org/ or something like that!
If you implement dark mode yourself, you can add `` to prevent Dark Reader from triggering.
-
primitives
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
-
react-spectrum
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
8. React Spectrum Adobe’s design system, offering accessible components for building consistent, adaptive, and delightful user experiences. React Spectrum:
-
-
themes
Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.
-
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.
-
InfluxDB
InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.
-
-
gluestack-ui
React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
Project mention: gluestack-ui v2: Stable Release with NativeWind v4.1 Support 🚀 | dev.to | 2025-01-07Have questions, or feedback, or want to showcase what you’re building with gluestack-ui v2? Join the conversation on GitHub, Twitter, or our Discord community.
-
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)
-
-
Reactime 6.0: State Debugger for React
Developer tool for time travel debugging and performance monitoring in React applications.
-
Looking ahead, the future of spartan is bright. Whether you’re a long-time supporter or just discovering the project, now is the perfect time to get involved. Check out the GitHub, explore the roadmap, or contribute and become part of The 300. Together, we’re continuing to build towards an even more sustainable, accessible future for Angular development.
-
-
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 🪐
-
Radix UI for headless component primitives
-
Accessibility Insights for Web is an automated accessibility testing tool available as an extension for Chrome and Microsoft Edge. It helps developers identify and resolve accessibility issues on websites and web apps.
-
-
-
Project mention: Midnight Lizard: Browser extension with custom color schemes for all websites | news.ycombinator.com | 2024-05-28
-
Project mention: Show HN: 3D Framework for the Web. Built on Svelte and Three.js | news.ycombinator.com | 2024-04-29
Thanks! Threlte is "just" offering a declarative way to express Three.js. If you know how the `` component and its props and event handlers work, you can use the Three.js documentation for everything else.
Apart from that with Threlte I personally practice documentation-driven-development, so ecosystem packages are exhaustively documented. If you're missing something, let us know via an issue[1] or on Discord[2].
Accessibility is a topic we didn't care enough yet to be perfectly honest. Accessibility doesn't stop at screen readers though, it's about contrast, size, colors, motion, reachability, and so much more that we cannot provide and are a consumer topic. Naturally WebGL apps suffer from being practically invisible to screenreaders. There are workarounds[3] but essentially this has to be solved by consumers of Threlte (devs) and hopefully by browser vendors at some point in the future.
[1] https://github.com/threlte/threlte/issues
[2] http://chat.threlte.xyz
[3] https://github.com/pmndrs/react-three-a11y
-
plyr-react
A simple, accessible and customisable react media player for Video, Audio, YouTube and Vimeo
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
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
-
gluestack-ui v2: Stable Release with NativeWind v4.1 Support 🚀
-
React UI Component Libraries in 2025
-
Explaining Scoped Context in React with example
-
Why we built gluestack-ui v2?
-
Ask HN: What's your recommended website accessibility tool?
-
spartan enters a new era with Zerops
-
Accessible components: Pagination
-
A note from our sponsor - Civic Auth
www.civic.com | 23 Apr 2025
Index
What are some of the best open-source Accessibility projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | headlessui | 27,170 |
| 2 | darkreader | 20,549 |
| 3 | primitives | 16,971 |
| 4 | react-spectrum | 13,771 |
| 5 | reakit | 8,061 |
| 6 | themes | 6,666 |
| 7 | noUiSlider | 5,739 |
| 8 | zag | 4,367 |
| 9 | gluestack-ui | 3,680 |
| 10 | player | 2,804 |
| 11 | a11y-dialog | 2,442 |
| 12 | Reactime 6.0: State Debugger for React | 2,218 |
| 13 | spartan | 1,846 |
| 14 | stylebot | 1,507 |
| 15 | Spearmint | 1,280 |
| 16 | react-modal-sheet | 928 |
| 17 | website | 895 |
| 18 | accessibility-insights-web | 852 |
| 19 | react-accessible-accordion | 789 |
| 20 | terracotta | 679 |
| 21 | Midnight-Lizard | 658 |
| 22 | react-three-a11y | 575 |
| 23 | plyr-react | 494 |
Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com