The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more! Learn more →
Top 12 TypeScript Accessible Projects
-
ChakraUI: An emphasis on A11y, meaning it is fully compatible with the WAI-ARIA accessibility standard, has won OSS awards, and has a thriving community. As mentioned, it’s one of the better choices out there as it has a great model for building composable UI, built-in hooks, and great dark-mode support. This is the same team behind Zag.js, which handles UI as state machines. Once again, you’d need to learn the API, and swapping might be hard to do.
-
Project mention: Do you think the future of website development is MERN + Typescript because it uses Typescript as the main programming language? | /r/ExperiencedDevs | 2023-07-08
Typescript is a mistake. Static typing seemed like such a potentially good thing to add to javascript, but the reality is it's a nightmare to work with. If you don't believe me, go to Reakit's github and tell me the complete set of valid options for creating a tooltip.
-
Appwrite
Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!
-
Project mention: autocomplete - a JavaScript library that lets you quickly build autocomplete experiences | /r/javascript | 2023-06-08
-
Glide Data Grid
🦝 Glide Data Grid is a no compromise, outrageously react fast data grid with rich rendering, first class accessibility, and full TypeScript support.
-
-
-
svg-screenshots
📸🧩 Browser extension to take scalable, semantic, accessible screenshots of websites in SVG format.
I take 100+ screenshots in browsers and apps every day, but I haven't found a tool that quickly enables me to rediscover them. So far, I've tried Arc's Easel (tweet) and SVG Screenshot (Github), but they're not perfect.
-
SurveyJS
A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.
-
Project mention: I'm building react-complex-tree, an unopinionated tree component for react, and recently released a new version! | /r/reactjs | 2022-12-08
You can find the source code for it at https://github.com/lukasbach/react-complex-tree, and documentation and examples at https://rct.lukasbach.com
-
-
-
-
React Responsive Select
A customisable, touchable, React select / multi-select form control. Built with keyboard and screen reader accessibility in mind
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).
The latest post mention was on 2023-09-10.
TypeScript Accessible related posts
- I'm building react-complex-tree, an unopinionated tree component for react, and recently released a new version!
- Creating a tree hierarchy similar to vscode sidebar
- I’ve built a fully themeable and accessible dark mode toggle component for React. [Details in the comments]
- My experiences and conclusion building a webapp with a UI Framework like e.g. Material UI...
- I made an Unopinionated Accessible Tree Component with Multi-Select and Drag-And-Drop
- How to Build Accordion In React From Scratch Without Using Any External Library
-
A note from our sponsor - Appwrite
appwrite.io | 25 Sep 2023
Index
What are some of the best open-source Accessible projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | chakra-ui | 34,404 |
| 2 | reakit | 7,146 |
| 3 | autocomplete | 4,452 |
| 4 | Glide Data Grid | 2,716 |
| 5 | saas-ui | 894 |
| 6 | react-accessible-accordion | 774 |
| 7 | svg-screenshots | 739 |
| 8 | react-complex-tree | 615 |
| 9 | heart-switch | 431 |
| 10 | numeric-stepper | 154 |
| 11 | dark-mode-toggle | 114 |
| 12 | React Responsive Select | 107 |
Updating dependencies is time-consuming.
Solutions like Dependabot or Renovate update but don't merge dependencies. You need to do it manually while it could be fully automated! Add a Merge Queue to your workflow and stop caring about PR management & merging. Try Mergify for free.
blog.mergify.com