TypeScript A11y

Open-source TypeScript projects categorized as A11y

Top 23 TypeScript A11y Projects

  1. chakra-ui

    Chakra UI is a component system for building products with speed ⚡️

    Project mention: Top 10 best React component libraries in 2025 | dev.to | 2025-02-01

    Website: chakra-ui.com

  2. 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.

    CodeRabbit logo
  3. headlessui

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

    Project mention: Top 10 best React component libraries in 2025 | dev.to | 2025-02-01

    Website: headlessui.com

  4. reakit

    Toolkit for building accessible web apps with React

  5. zag

    Finite state machines for building accessible design systems and UI components. Works with modern frameworks, and even just Vanilla JS

  6. react-colorful

    🎨 A tiny (2,8 KB) color picker component for React and Preact apps

  7. a11y-dialog

    A very lightweight and flexible accessible modal dialog script.

  8. flowbite-react

    Official React components built for Flowbite and Tailwind CSS

  9. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  10. rci

    🔢 better code inputs for react/web

  11. terracotta

    Headless UI for SolidJS

  12. qwik-ui

    Qwik's Headless and styled component library

  13. react-three-a11y

    ♿️ Accessibility tools for React Three Fiber

    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

  14. guidepup

    Screen reader driver for test automation.

    Project mention: A Designer's Guide to Documenting Accessibility and User Interactions | news.ycombinator.com | 2024-05-23
  15. design-system

    Open source design and front-end development resources for creating Section 508 compliant, responsive, and consistent websites. (by CMSgov)

  16. html-validator

    HTML validation for Nuxt

  17. screenreaders

    Screen reader automation tools by AccessLint, including VoiceOver.js and Auto-VO

  18. alfa

    :wheelchair: Suite of open and standards-based tools for performing reliable accessibility conformance testing at scale

  19. virtual-screen-reader

    Virtual Screen Reader is a screen reader simulator for unit tests.

    Project mention: Virtual Screen Reader is a screen reader simulator for unit tests | news.ycombinator.com | 2024-06-13
  20. cauldron

  21. react-headings

    ⚛ Auto-increment your HTML headings (h1, h2, etc.) for improved accessibility and SEO.

  22. guidepup-playwright

    Screen reader driver for Playwright tests.

  23. nuxt-starter

    Opinionated Nuxt Starter (by Baroshem)

    Project mention: Opinionated Nuxt Starter | dev.to | 2024-10-28

    If you would like to see the starter instantly, here is the link

  24. microcode

    Coding "on the go" with the micro:bit (V2) (by microsoft)

  25. use-prefers-color-scheme

    🪝 React hook for subscribing to user's color scheme preference.

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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 A11y discussion

Log in or Post with

TypeScript A11y related posts

  • Top 5 Headless Components For Your React Application In 2023

    8 projects | dev.to | 14 Oct 2023
  • A User centric Usecases Validator for E2E tests made open source

    1 project | /r/opensource | 30 Aug 2023
  • React-ing to accessibility: Building accessible e-commerce forms that everyone can use

    4 projects | dev.to | 20 Jul 2023
  • GitHub - neet/react-as-prop: Type-safe `as` prop utility for flexible and semantic UI components of React

    1 project | /r/reactjs | 21 Sep 2022
  • Need help making my component accesible

    1 project | /r/webdev | 16 Jul 2022
  • Same UI component for all frameworks

    4 projects | dev.to | 16 May 2022
  • What styleless component library would you recommend?

    2 projects | /r/Frontend | 12 May 2022
  • A note from our sponsor - SaaSHub
    www.saashub.com | 6 Feb 2025
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

What are some of the best open-source A11y projects in TypeScript? This list will help you:

# Project Stars
1 chakra-ui 38,399
2 headlessui 26,681
3 reakit 7,986
4 zag 4,198
5 react-colorful 3,243
6 a11y-dialog 2,428
7 flowbite-react 1,955
8 rci 902
9 terracotta 677
10 qwik-ui 647
11 react-three-a11y 564
12 guidepup 454
13 design-system 321
14 html-validator 200
15 screenreaders 168
16 alfa 111
17 virtual-screen-reader 110
18 cauldron 96
19 react-headings 80
20 guidepup-playwright 61
21 nuxt-starter 55
22 microcode 51
23 use-prefers-color-scheme 33

Sponsored
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.
coderabbit.ai

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?