TypeScript UI Components

Open-source TypeScript projects categorized as UI Components

Top 23 TypeScript UI Component Projects

  • GitHub repo storybook

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

    Project mention: Build, test and release a React component library with Storybook | dev.to | 2021-03-06


  • GitHub repo vuetify

    🐉 Material Component Framework for Vue

    Project mention: 🔥 Alpha Release Mar 3, 2021 | reddit.com/r/vuetifyjs | 2021-03-03

    The Vuetify 3 alpha has arrived! This release includes multiple updated components, the new theme, layout, and icon systems, and more! Additional information is in the release notes: https://github.com/vuetifyjs/vuetify/releases/tag/v3.0.0-alpha.0

  • GitHub repo react-native-elements

    Cross-Platform React Native UI Toolkit

    Project mention: If you've been hesitating to give Reanimated 2 a try for awhile, this is your best shot. I put a lot of effort to make it as concise and simple to start with. I truly hope this will be helpful. Very open to feedback, so really speak your mind! | reddit.com/r/reactnative | 2021-02-25

    are you looking for libraries like react-native-elements? there's a list of it here.

  • GitHub repo chakra-ui

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

    Project mention: Tailwind JSX and class composition | dev.to | 2021-03-03

    Chakra UI

  • GitHub repo react-dnd

    Drag and Drop for React

  • GitHub repo Bit

    Develop modular web applications with components - fast, together, and at scale.

    Project mention: New major release of bit – a modern git CLI (1.0.1) with automatic pulls, branches sorted by most recent, Google-like autocomplete & much more | reddit.com/r/webdev | 2021-02-19

    The command conflicts with collaboration tool bit.dev (13k stars on Github)

  • GitHub repo react-content-loader

    ⚪ SVG-Powered component to easily create skeleton loadings.

    Project mention: Lazy loading react components with React.lazy and Suspense | dev.to | 2021-02-22

    The current UX trend is to use some kind of a placeholder animation while loading pieces of UI. react-content-loader is a popular npm package for this use case. It is customizable, supports react and react-native, has some bundled presets, and actually supports SVG animation out of the box.

  • GitHub repo ng-zorro-antd

    Angular UI Component Library based on Ant Design

    Project 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

  • GitHub repo react-toastify

    React notification made easy 🚀 !

    Project mention: React-toastify v7 is live | dev.to | 2021-02-09

    Repository: https://github.com/fkhadra/react-toastify Documentation: https://fkhadra.github.io/react-toastify/introduction/

  • GitHub repo react-icons

    svg react icons of popular icon packs

    Project mention: Google Fonts adds support for Icons | news.ycombinator.com | 2021-03-03

    For ReactJS developers, this is always my go-to: https://react-icons.github.io/react-icons

  • GitHub repo react-day-picker

    Lightweight date picker component for React

    Project mention: Calendar Heatmap using React on JSitor | dev.to | 2020-12-29

    A calendar heatmap coded using react-day-picker

  • GitHub repo react-leaflet

    React components for Leaflet maps

    Project mention: Using react-leaflet to generate one tiled layer | dev.to | 2021-03-06

    React-leaflet is a lib that exposes components to work with leaflet. So it exposes react components like Map, TileLayer, WMSTileLayer, and so on. It also exposes ImageOverlay. To get this to work, you need to use ImageOverlay component like this:

  • GitHub repo react-mosaic

    A React tiling window manager

    Project mention: We open-sourced a React component for building split views like in VS Code | reddit.com/r/reactjs | 2021-03-05

    Have you tried out https://github.com/nomcopter/react-mosaic before? What are the advantages over mosaic? I really liked react-mosaic it was quite feature rich

  • GitHub repo react-hot-toast.com

    Smoking hot React Notifications 🔥

    Project mention: 🎉 Announcing Angular Hot Toast — The Best Angular Toast in Town | dev.to | 2021-02-01

    Smoking hot Notifications for Angular. Lightweight, customizable and beautiful by default. Inspired from react-hot-toast

  • GitHub repo rc-slider

    React Slider

  • GitHub repo react-resizable-and-movable

    🖱 A resizable and draggable component for React.

  • GitHub repo notistack

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

  • GitHub repo react-spinners

    A collection of loading spinner components for react

  • GitHub repo react-mapbox-gl

    A React binding of mapbox-gl-js

  • GitHub repo revo-grid

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

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

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

  • GitHub repo react-textarea-autosize

    <textarea /> component for React which grows with content

  • GitHub repo vazco/uniforms

    A React library for building forms from any schema.

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-03-06.


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

Project Stars
1 storybook 58,964
2 vuetify 29,692
3 react-native-elements 20,171
4 chakra-ui 15,789
5 react-dnd 15,329
6 Bit 13,041
7 react-content-loader 10,565
8 ng-zorro-antd 7,332
9 react-toastify 6,390
10 react-icons 5,924
11 react-day-picker 4,052
12 react-leaflet 3,591
13 react-mosaic 2,539
14 react-hot-toast.com 2,449
15 rc-slider 2,432
16 react-resizable-and-movable 2,074
17 notistack 1,838
18 react-spinners 1,719
19 react-responsive-carousel 1,590
20 react-mapbox-gl 1,505
21 revo-grid 1,398
22 react-textarea-autosize 1,346
23 vazco/uniforms 1,336