Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today. Learn more →
Top 23 TypeScript UI Component Projects
-
Project mention: How to adapt an autocomplete/select field to work with server-side filtering and pagination | dev.to | 2024-09-04
The technical implementation will be demonstrated with Vue, my preferred framework for everyday work, combined with Vuetify, a very robust and highly customizable component framework commonly used in the Vue ecosystem. Note that concepts used here can be applied using other combinations of popular JavaScript technologies.
-
Civic Auth
Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
-
Project mention: Accessible by Default: The Non-Negotiable Frontier of Frontend in 2025 | dev.to | 2025-04-14
Use accessible-first design systems like Material UI or Chakra UI.
-
slate
A completely customizable framework for building rich text editors. (Currently in beta.) (by ianstormtaylor)
However, I had difficulties inserting editable BLOCKS with syntax highlighting for code. Yes, there is an official example, but at least for me, it's not very clear.
-
Project mention: Show HN: Tiptap UI Components – Free React Components for Building Editor UIs | news.ycombinator.com | 2025-04-15
Hi, Philip here from Tiptap. We just released a new set of open source UI components for [Tiptap](https://tiptap.dev/), our headless text editor framework.
These are handcrafted React components that integrate directly with Tiptap’s headless core, things like toolbars, dropdowns, formatting buttons, upload controls, etc. They’re MIT licensed and fully optional. You can use them as-is or customize every part.
There’s also a CLI that sets everything up for you: project scaffolding, recommended defaults, and a working example.
This is for folks who like the flexibility of Tiptap but don’t want to start from zero every time they need an editor UI. It doesn’t change how Tiptap works – just gives you a faster way to build on top of it.
Start here:
-
Project mention: WebTUI – A CSS Library That Brings the Beauty of Terminal UIs to the Browser | news.ycombinator.com | 2025-04-12
Honestly I wouldn’t personally, I’d use a really good components library like https://mantine.dev/ (no affiliation, just a fan) and make your site look similar to your competitors. That’s what people seeing your pitch will expect IMO. Depending who you’re pitching to they might not use a terminal very often.
-
-
react-table
🤖 Headless UI for building powerful tables & datagrids for TS/JS - React-Table, Vue-Table, Solid-Table, Svelte-Table
The react-table NPM package is no longer stable or maintained. The new version is published under the @tanstack scope, with the @tanstack/react-table adapter handling React-specific state management and rendering.
-
InfluxDB
InfluxDB high-performance time series database. Collect, organize, and act on massive volumes of high-resolution data to power real-time intelligent systems.
-
🔗 https://react-dnd.github.io/react-dnd/
-
lexical
Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
-
NativeBase
Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
-
Document address: NaiveUI official document
-
primitives
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
-
lucide
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.
Explore Now
-
TinyMCE
The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
Project mention: TinyMCE 7.6 Release Notes - Introducing Image Optimizer powered by Uploadcare | dev.to | 2025-01-23Changelog
-
dnd-kit
The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.
dnd-kit is a modern, lightweight toolkit for building drag-and-drop experiences in React. This library takes a unique approach because it doesn’t give you a pre-built DnD system—it's a framework you can use to build your own. This means you get full control over the DnD behavior, styling, and interactions, without being boxed into a rigid API. That flexibility is exactly why we decided to use it for Puck.
-
-
ag-Grid
The best JavaScript Data Table for building Enterprise Applications. Supports React / Angular / Vue / Plain JavaScript.
> Where is the native HTML datagrid
Which parts of a datagrid should a browser provide? I'm familiar with AG Grid [1] and the API surface is enormous. Aligning browsers on a feature set would be challenging.
Maybe there's a core set of functionality, like Flutter's GridView or QML https://doc.qt.io/qt-6/qml-qtquick-gridview.html.
[1]: https://www.ag-grid.com/
-
react-spectrum
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
8. React Spectrum Adobe’s design system, offering accessible components for building consistent, adaptive, and delightful user experiences. React Spectrum:
-
View on GitHub
-
tamagui
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
GitHub repository
-
2. React Icons Website: https://react-icons.github.io/react-icons/
-
Link : https://commerce.nearform.com/open-source/victory
-
Website · Documentation · Twitter
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
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).
TypeScript UI Components discussion
TypeScript UI Components related posts
-
Show HN: Tiptap UI Components – Free React Components for Building Editor UIs
-
React Joyride Made My App More Fun — And Kept Users Around Longer
-
Building Charts with React and ChartJS
-
When Are MCP Servers Necessary?
-
🚀 Portfolio as a Software Developer using React & Vite
-
Top 10 Next.js UI Libraries for Modern Web Apps
-
Feature Flag Service: Experimenting with New Technologies and Architectures
-
A note from our sponsor - Civic Auth
www.civic.com | 25 Apr 2025
Index
What are some of the best open-source UI Component projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | vuetify | 40,440 |
| 2 | chakra-ui | 38,984 |
| 3 | slate | 30,612 |
| 4 | tiptap | 29,810 |
| 5 | mantine | 28,387 |
| 6 | react-select | 27,895 |
| 7 | react-table | 26,286 |
| 8 | react-dnd | 21,388 |
| 9 | lexical | 21,050 |
| 10 | NativeBase | 20,302 |
| 11 | naive-ui | 16,981 |
| 12 | primitives | 16,971 |
| 13 | lucide | 16,718 |
| 14 | TinyMCE | 15,491 |
| 15 | dnd-kit | 14,466 |
| 16 | react-content-loader | 13,893 |
| 17 | ag-Grid | 13,822 |
| 18 | react-spectrum | 13,801 |
| 19 | react-toastify | 13,149 |
| 20 | tamagui | 12,426 |
| 21 | react-icons | 12,034 |
| 22 | victory | 11,129 |
| 23 | react-hot-toast.com | 10,308 |
Sponsored
Auth in Less Than 5 Minutes
Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.
www.civic.com