TypeScript Components

Open-source TypeScript projects categorized as Components | Edit details

Top 23 TypeScript Component Projects

  • GitHub repo storybook

    📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!

    Project mention: 9 Ways You Can Use React Today in 2022 | dev.to | 2022-01-21

    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:

  • GitHub repo vant

    Lightweight Mobile UI Components built on Vue

    Project mention: How to add the alphabet vertical scroll | reddit.com/r/vuejs | 2021-03-31


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

  • GitHub repo @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: How to build a marketing dashboard (twitter & youtube) with React | dev.to | 2021-12-11

    Blueprint as our UI Library

  • GitHub repo headlessui

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

    Project mention: Yet another generic startpage | reddit.com/r/startpages | 2022-01-16

    HeadlessUI for the select and window transition

  • GitHub repo nivo

    nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

    Project mention: What Chart Library do you use? | reddit.com/r/reactjs | 2022-01-19

    nivo (d3 based)

  • GitHub repo cosmos-js

    Sandbox for developing and testing UI components in isolation

    Project mention: React Cosmos with Remix | dev.to | 2021-12-09

    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.

  • GitHub repo fast

    The adaptive interface system for modern web experiences.

    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.

  • GitHub repo 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.

    Project mention: What are the Best UI Components for Angular? | reddit.com/r/Angular2 | 2021-12-20

    Take a look at IBM Carbon and Clarity Design.

  • GitHub repo reakit

    Toolkit for building accessible rich web apps with React

    Project mention: Awesome Things Related To React Hooks 😍 | dev.to | 2021-09-23

    reakit - Toolkit for building accessible rich web apps with React

  • GitHub repo ngx-bootstrap

    Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)

    Project mention: 10 Popular Angular Component Libraries For Web Developers in 2022 | dev.to | 2022-01-17

    Github Stars: 5100+

  • GitHub repo react-native-ui-lib

    UI Components Library for React Native

    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

  • GitHub repo alva

    Create living prototypes with code components.

    Project mention: Ask HN: How good are design tool – react code apps? | news.ycombinator.com | 2021-06-03

    -Alva (https://meetalva.io/)

  • GitHub repo aleph.js

    The Full-stack Framework in Deno.

    Project mention: Awesome React Resources | dev.to | 2021-12-04

    aleph.js - The React Framework in Deno

  • GitHub repo crank

    Write JSX-driven components with functions, promises and generators.

    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.

  • GitHub repo taiga-ui

    Angular UI Kit and components library for awesome people

    Project mention: Taiga UI: A year in Open Source | dev.to | 2021-12-24

    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!

  • GitHub repo rooks

    Essential React custom hooks ⚓ to super charge your components!

    Project mention: Custom Hooks to Lightweight Your React Project | dev.to | 2021-12-14

    Feel free to use these modern react hooks you can find more custom hooks in the react-use package and Github rooks.

  • GitHub repo tail-kit

    Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.

    Project mention: Build Your UI Faster With These FREE UI Kits! | dev.to | 2021-12-16

    5. Tail-Kit

  • GitHub repo react-instantsearch

    ⚡️ Lightning-fast search for React and React Native applications, by Algolia.

    Project mention: React Libraries | dev.to | 2021-12-07

    react-instantsearch - Lightning-fast search for React and React Native applications, by Algolia

  • GitHub repo vazco/uniforms

    A React library for building forms from any schema.

    Project mention: Create forms from openapi .json schemas? | reddit.com/r/reactjs | 2021-05-15

    Nice. See https://uniforms.tools/ for a React lib that plays nicely with JSON Schema (and other formats)

  • GitHub repo unplugin-vue-components

    📲 On-demand components auto importing for Vue

    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

  • GitHub repo components

    Scan and auto import components for Nuxt.js 2.13+ (by nuxt)

    Project mention: Deez Nuxt 3 is out! | reddit.com/r/vuejs | 2021-10-18
  • GitHub repo 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)

    Project mention: UI frameworks that currently works with vue 3? | reddit.com/r/vuejs | 2021-12-14
  • GitHub repo carbon-icons-svelte

    Carbon Design System SVG icons as Svelte components

    Project mention: Overview of Svelte UI Libraries and Components | dev.to | 2021-04-28

    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.

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 2022-01-21.

TypeScript Components related posts


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
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.