Top 23 TypeScript UI Component Projects
-
storybook
📓 The UI component explorer. Develop, document, & test for React, Vue, Angular, Ember, Web Components, & more!
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
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
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-21Bit 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
Github Stars: 6800+ Weekly npm downloads: 33,000+ Latest update: 7.5.1
-
react-toastify
React notification made easy 🚀 !
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
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-responsive-carousel
React.js Responsive Carousel (with Swipe)
-
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-25https://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.
Index
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 |