TypeScript UI Components

Open-source TypeScript projects categorized as UI Components

Top 23 TypeScript UI Component Projects

  • storybook

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

    Latest mention: TDD in a React frontend | reddit.com/r/reactjs | 2021-01-22

    We use Chromatic with Storyshots and it’s really great. Full CI and GitHub integration which builds and publishes a PR branch’s Storybook and creates a Visual PR showing all visual diffs for approval. It allows easier collaboration with your Product Manager too.

  • vuetify

    🐉 Material Component Framework for Vue

    Latest mention: How To Use Vuetify With Vitejs | reddit.com/r/vuetifyjs | 2021-01-21

    More information here: https://github.com/vuetifyjs/vuetify/issues/11439#issuecomment-632580212

  • react-dnd

    Drag and Drop for React

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

    Latest mention: Weekly Developer Roundup #23 - Sun Nov 22 2020 | dev.to | 2020-11-21

    chakra-ui/chakra-ui (TypeScript): ⚡️ Simple, Modular & Accessible UI Components for your React Applications

  • Bit

    Build, distribute, and collaborate on components.

    Latest mention: What do people use to build websites for documentation for their framework/library? | reddit.com/r/Frontend | 2020-12-21

    Bit is great for component-sharing / documentation, but if you want to use it for free for private projects, you'll need to host the server yourself.

  • ng-zorro-antd

    Angular UI Component Library based on Ant Design

    Latest mention: 7 Best Angular Component Libraries to use in 2020 | dev.to | 2020-09-29

    Github Stars: 6800+ Weekly npm downloads: 33,000+ Latest update: 7.5.1

  • react-toastify

    React notification made easy 🚀 !

    Latest mention: The road to React-contexify v5 | dev.to | 2020-12-03

    The documentation is as important as the code, even more important. I noticed that with one of my other library, react-toastify, when I rewrote the documentation for it, the download skyrocketed(currently 2M/Month based on npm stat).

  • react-icons

    svg react icons of popular icon packs

    Latest mention: How to Implement Dark Mode with Tailwind v2.0 | dev.to | 2020-12-21

    NOTE: I've installed react-icons and am using the sun and moon icons from Hero Icons

  • react-leaflet

    React components for Leaflet maps

  • react-mosaic

    A React tiling window manager

  • rc-slider

    React Slider

  • react-resizable-and-movable

    🖱 A resizable and draggable component for React.

  • notistack

    Highly customizable notification snackbars (toasts) that can be stacked on top of each other

  • react-hot-toast.com

    Smoking hot React Notifications 🔥

  • react-mapbox-gl

    A React binding of mapbox-gl-js

  • react-textarea-autosize

    <textarea /> component for React which grows with content

  • vazco/uniforms

    A React library for building forms from any schema.

  • react-resizable-box

    📏 A resizable component for React.

  • Reactjs-popup

    React Popup Component - Modals,Tooltips and Menus —  All in one

  • revo-grid

    Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance 🔋

    Latest mention: RevoGrid Spreadsheet got GitHub trended! Thank you community! | reddit.com/r/Frontend | 2021-01-25

    https://github.com/revolist/revogrid This is git

  • reapop

    :postbox: A simple and customizable React notifications system

  • react-movable

    🔀 Drag and drop for your React lists and tables. Accessible. Tiny.

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 2021-01-25.


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

Project Stars
1 storybook 58,092
2 vuetify 29,305
3 react-dnd 15,114
4 chakra-ui 14,736
5 Bit 12,805
6 ng-zorro-antd 7,228
7 react-toastify 6,216
8 react-icons 5,711
9 react-leaflet 3,519
10 react-mosaic 2,522
11 rc-slider 2,411
12 react-resizable-and-movable 1,998
13 notistack 1,767
14 react-hot-toast.com 1,732
15 react-responsive-carousel 1,539
16 react-mapbox-gl 1,475
17 react-textarea-autosize 1,316
18 vazco/uniforms 1,252
19 react-resizable-box 1,246
20 Reactjs-popup 1,166
21 revo-grid 1,128
22 reapop 1,114
23 react-movable 1,033