Top 23 TypeScript Component Projects
-
storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
There is also Storybook, a great react library for building user interface components and pages in isolation. The cool part about this approach is that its also naturally great at generating documentations if you have multiple components to document:
-
https://vant-contrib.gitee.io/vant/#/en-US/index-bar
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
Project mention: How to build a marketing dashboard (twitter & youtube) with React | dev.to | 2021-12-11
Blueprint as our UI Library
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
HeadlessUI for the select and window transition
-
nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
nivo (d3 based)
-
Enter https://reactcosmos.org. It's an alternative to Storybook and to me looks a bit cleaner with smaller amount of boilerplate needed to get running out of the box. It runs a separate dev server with a clean UI displaying all of your component fixtures.
-
Project mention: I don't believe this has been linked previously, but FAST is WebComponent based and could be of interest. | reddit.com/r/WebComponents | 2022-01-17
-
OPS
OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.
-
clarity
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.
Take a look at IBM Carbon and Clarity Design.
-
reakit - Toolkit for building accessible rich web apps with React
-
Project mention: 10 Popular Angular Component Libraries For Web Developers in 2022 | dev.to | 2022-01-17
Github Stars: 5100+
-
Project mention: Need UI library recommendation for React Native | reddit.com/r/reactnative | 2021-09-22
The bug I had: https://github.com/wix/react-native-ui-lib/issues/1560
-
Project mention: Ask HN: How good are design tool – react code apps? | news.ycombinator.com | 2021-06-03
-Alva (https://meetalva.io/)
-
aleph.js - The React Framework in Deno
-
Project mention: React State Museum - Examples to help portray the how, why, which, pros, and cons of various state management systems in the React ecosystem | reddit.com/r/javascript | 2021-11-29
To give the author of https://crank.js.org/ due credit, after reading through the descriptive posts I was impressed by the amount of thought and design that went into it.
-
Taiga UI is a huge Angular components library. We at Tinkoff were developing it closed-source for a couple of years before finally going public with a second major version. It’s been a year since our open source release and today I want to look back at this part of our journey and lay down some plans for 2022. Let’s go!
-
Feel free to use these modern react hooks you can find more custom hooks in the react-use package and Github rooks.
-
tail-kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.
5. Tail-Kit
-
react-instantsearch - Lightning-fast search for React and React Native applications, by Algolia
-
Nice. See https://uniforms.tools/ for a React lib that plays nicely with JSON Schema (and other formats)
-
Project mention: Vite 2.x + Vue 3.x + quasar 2.x + windcss 3.x starter ⚡ | reddit.com/r/u_Special_Paint_9099 | 2022-01-19
why not use unplugin-vue-components or unplugin-auto-import
-
-
coreui-vue
Bootstrap 5 based Vue 3 components and directives. CoreUI for Vue.js replaces and extends the Bootstrap 5 javascript. Components have been built from scratch as true Vue 3 components. (by coreui)
-
The Carbon Svelte portfolio also includes three other useful libraries for Svelte applications: Carbon Icons (6000+), Carbon Pictograms (700+), Carbon Charts (16). These libraries can be utilized independently or in combination with Carbon Components Svelte.
TypeScript Components related posts
- My First Thoughts on SvelteKit (Client-side JavaScript Framework)
- Looking for someone to help me make Web Components run in Deno
- I don't believe this has been linked previously, but FAST is WebComponent based and could be of interest.
- 10 Popular Angular Component Libraries For Web Developers in 2022
- How extensive should my tests be?
- Using Web Components with React, Angular and much more
- Using Web Components with React, Angular and much more
Index
What are some of the best open-source Component projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | storybook | 68,212 |
| 2 | vant | 19,036 |
| 3 | @blueprintjs/core | 18,462 |
| 4 | headlessui | 12,754 |
| 5 | nivo | 9,686 |
| 6 | cosmos-js | 7,375 |
| 7 | fast | 6,614 |
| 8 | clarity | 6,412 |
| 9 | reakit | 5,395 |
| 10 | ngx-bootstrap | 5,358 |
| 11 | react-native-ui-lib | 4,054 |
| 12 | alva | 3,730 |
| 13 | aleph.js | 3,545 |
| 14 | crank | 2,491 |
| 15 | taiga-ui | 2,164 |
| 16 | rooks | 2,071 |
| 17 | tail-kit | 2,025 |
| 18 | react-instantsearch | 1,691 |
| 19 | vazco/uniforms | 1,534 |
| 20 | unplugin-vue-components | 1,118 |
| 21 | components | 831 |
| 22 | coreui-vue | 424 |
| 23 | carbon-icons-svelte | 222 |
Are you hiring? Post a new remote job listing for free.
