TypeScript UI Components

Open-source TypeScript projects categorized as UI Components | Edit details

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: Modern Angular | dev.to | 2021-11-23

    Storybook - Component Design

  • GitHub repo vuetify

    🐉 Material Component Framework for Vue

    Project mention: Do you know good opensource Vue3 projects to learn advanced vue concepts ? | reddit.com/r/vuejs | 2021-11-29
  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo react-select

    The Select Component for React.js

    Project mention: Ask HN: What are the fundamental diffs between modern web vs. desktop UI models | news.ycombinator.com | 2021-11-23

    @drowe859's answer was excellent.

    The only thing I'd add is that there's _thousands_ of freely available React components, including dozens of implementations of the kinds of widgets you listed (treeviews, specific form input types, etc). Sometimes they're available as a one-off lib [0], a small focused lib with a few specific components [1] [2], or a giant kitchen sink lib with dozens or hundreds of components [3] [4] [5] [6].

    So, those _do_ exist, and in a similar sense to Qt or Gtk.

    [0] https://react-select.com/

    [1] http://jquense.github.io/react-widgets/

    [2] https://react-spectrum.adobe.com/react-spectrum/

    [3] https://mui.com/

    [4] https://react-bootstrap.github.io/

    [5] https://retool.com/blog/react-component-libraries/#blueprint

    [6] https://lmgtfy.app/?q=react+component+libraries

  • GitHub repo slate

    A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)

    Project mention: What is Slate.js, and will it replace Quill and Draft.js? | dev.to | 2021-11-23

    Slate.js is a highly customizable platform for creating rich-text editors, also known as WYSIWYG editors. It enables you to create powerful, intuitive editors similar to those you’ve probably used in Medium, Dropbox Paper, or Google Docs. These are quickly becoming standard features for many web apps, and tools like Slate make them easier to implement, ensuring your program won’t get bogged down in complexity.

  • GitHub repo chakra-ui

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

    Project mention: What are the best customizable react components libraries? | reddit.com/r/react | 2021-11-25

    Chakra UI

  • GitHub repo react-native-elements

    Cross-Platform React Native UI Toolkit

    Project mention: Top 7 React Native UI toolkits and component libraries in 2021 | dev.to | 2021-06-15

    More information available here: https://reactnativeelements.com

  • GitHub repo react-dnd

    Drag and Drop for React

    Project mention: A powerful drag and drop library for Angular | reddit.com/r/Angular2 | 2021-08-15

    Yes, there has many differences. it's based on html5 drag and drop. You can check the examples here, it's difficult to achieve with @angular/cdk. The library is cloned from angular-skyhook which inspired by react-dnd.

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo NativeBase

    Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.

    Project mention: NativeBase v3 is now live on Product Hunt | reddit.com/r/opensource | 2021-09-21

    Thanks for the suggestion. Will update it. Link - https://github.com/GeekyAnts/nativebase.

  • GitHub repo Bit

    A tool for component-driven application development.

    Project mention: Top 7 React Developer Tools to Use in 2021 (With Bonus!) | dev.to | 2021-11-10

    2. Bit

  • GitHub repo tiptap

    The headless editor framework for web artisans.

    Project mention: Recommend markdown text field component | reddit.com/r/vuejs | 2021-11-14

    You should take a look at TipTap, works great and can be edited to your needs. Link

  • GitHub repo react-content-loader

    ⚪ SVG-Powered component to easily create skeleton loadings.

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

    React Content Loader - SVG-Powered component to easily create placeholder loadings (like Facebook’s cards loading).

  • GitHub repo TinyMCE

    The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular

    Project mention: My pain building a WYSIWYG editor with contenteditable | reddit.com/r/webdev | 2021-09-17

    There's quite a few. I use TinyMCE : https://www.tiny.cloud/

  • GitHub repo react-toastify

    React notification made easy 🚀 !

    Project mention: Toast Notification for React Apps | dev.to | 2021-10-04

    React Toastify

  • GitHub repo ng-zorro-antd

    Angular UI Component Library based on Ant Design

    Project mention: Ultimate 2021 List of CSS Frameworks and Component Libraries for Angular, React, Vue and Svelte | dev.to | 2021-03-28

    NG Zorro

  • GitHub repo react-native-calendars

    React Native Calendar Components 🗓️ 📆

    Project mention: React-native-calendars: the CalendarList component not working on web | reddit.com/r/reactnative | 2021-11-21

    I’m using react-native-calendars in my react-native-web project. Everything seems to work on both web and mobile except for the CalendarList component that just doesn’t show up on web. I didn’t see anyone else reporting the same issue so I’m wondering if anyone has faced the same issue and has a solution?

  • GitHub repo react-icons

    svg react icons of popular icon packs

    Project mention: How to use React icons in Next.js | dev.to | 2021-10-05

    Then we can get started by importing the icons. Head over to the React icons website and find the icon you would like to use (use the left-hand search).

  • GitHub repo naive-ui

    A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses TypeScript. Not too Slow.

    Project mention: Is it a bad time to start a project in Vue? | reddit.com/r/vuejs | 2021-09-07

    Try Naive UI, it's a Vue 3 component library that uses Typescript and it has more than 70 components. I find it pretty intuitive.

  • GitHub repo lightGallery

    A customizable, modular, responsive, lightbox gallery plugin.

    Project mention: Show HN: JavaScript image viewer. Works with React, angular, & vue.js | news.ycombinator.com | 2021-05-24
  • GitHub repo react-chartjs-2

    React components for Chart.js, the most popular charting library

    Project mention: Data Display with Doughnut and Pie Graph -- React | dev.to | 2021-10-27

    Today, we will explore displaying data using a doughnut chart and pie chart through the react npm package chartjs-2 which is very easy to use and extremely useful when it comes to the visual representation of your data. Further information about the react-chartjs-2 package can be found here

  • GitHub repo react-day-picker

    Reusable date picker component for React

    Project mention: Hacktoberfest - 3rd contribution | dev.to | 2021-10-26

    The first thing I did was to look for a date picker library. There were a lot to choose from but I needed one that would look most similar to the theme of the application so my choice went to react-day-picker. The UI looks simple and would be the best fit for Game-night.

  • GitHub repo react-hot-toast.com

    Smoking hot React Notifications 🔥

    Project mention: Use react-hot-toast with Promise & Axios | dev.to | 2021-11-25

    Smoking hot Notifications for React. Lightweight, customizable and beautiful by default.

  • GitHub repo react-leaflet

    React components for Leaflet maps

    Project mention: How do I clone this website: https://rangelands.app/rap/ | reddit.com/r/learnprogramming | 2021-10-31

    Look into React Leaflet and the Google Maps API.

  • GitHub repo pigeon-maps

    ReactJS Maps without external dependencies

    Project mention: Pigeon Maps – ReactJS maps without external dependencies | news.ycombinator.com | 2021-03-19
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-11-29.

TypeScript UI Components related posts


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

Project Stars
1 storybook 66,449
2 vuetify 32,930
3 react-select 23,704
4 slate 22,972
5 chakra-ui 22,243
6 react-native-elements 21,667
7 react-dnd 16,740
8 NativeBase 16,583
9 Bit 14,344
10 tiptap 13,437
11 react-content-loader 11,731
12 TinyMCE 10,046
13 react-toastify 8,017
14 ng-zorro-antd 7,790
15 react-native-calendars 7,304
16 react-icons 7,138
17 naive-ui 6,809
18 lightGallery 4,773
19 react-chartjs-2 4,587
20 react-day-picker 4,353
21 react-hot-toast.com 4,164
22 react-leaflet 3,920
23 pigeon-maps 3,195
Find remote jobs at our new job board 99remotejobs.com. There are 34 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives