Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more. Learn more →
Top 23 TypeScript component-library Projects
-
Project mention: This treasure-level tool for improving efficiency must be collected and used | dev.to | 2025-04-28
Element Plus
-
SurveyJS
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
-
Project mention: Building Modern React Apps in 2025 - A Guide to Cutting-Edge Tools and Tech Stacks | dev.to | 2025-01-12
Tailwind CSS shadcn/ui NextUI Material UI DaisyUI Park UI Aceternity UI
-
primitives
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
shadcn/ui contains a set of beautifully designed and accessible components, and it works seamlessly with major React frameworks. It’s open-source and has amassed 85.5k (and counting) GitHub stars. It’s built on the shoulders of giants — Radix UI and Tailwind CSS, making it one of the best to work with. Unlike many other UI libraries, the components are not just installed as npm modules, they’re downloaded into your project. That gives you access to the source code and you can modify it if you want. I like this approach better because I can tweak aspects of a component if I want to.
-
Document address: NaiveUI official document
-
Project mention: Show HN: Self-Hostable Algolia DocSearch Replacement | news.ycombinator.com | 2024-10-11
Example PR: https://github.com/microsoft/fast/pull/7031/files
If you want hosted-search:
-
-
-
InfluxDB
InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.
-
themes
Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.
-
polaris
Shopify’s design system to help us work together to build a great experience for all of our merchants.
Project mention: Knowing CSS is mastery to Front end Development | news.ycombinator.com | 2025-03-02You're leaving out the most important bit of a component like InlineStack: the props [0]. Yes you can just apply `display: flex` to the div you're working on, but like any proper abstraction these guardrails make using flexbox correctly the easiest path forward (the "pit of a success").
[0]: https://github.com/Shopify/polaris/blob/eb6161f6b4e02679b5e8...
-
Project mention: How Preply improved INP on a Next.js application (without React Server Components and App Router) | dev.to | 2025-02-13
It doesn’t sound like a huge list. Still, the 300 React components and their sub-children take significant time to be added to the DOM on a slow smartphone (please note: we are speaking about the React->DOM reconciliation that adds all the new elements to the DOM, not the render step itself). We used React Virtuoso since it was already used in our front-end projects, but virtualization libraries are all quite similar.
-
→ https://manifest.build/#cta-cloud
-
-
-
gluestack-ui
React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
Project mention: gluestack-ui v2: Stable Release with NativeWind v4.1 Support 🚀 | dev.to | 2025-01-07Have questions, or feedback, or want to showcase what you’re building with gluestack-ui v2? Join the conversation on GitHub, Twitter, or our Discord community.
-
Project mention: Feature Flag Service: Experimenting with New Technologies and Architectures | dev.to | 2025-02-22
Once I completed the backend, I wanted to interact with my service through a comfortable UI. Angular 19 had just come out with stable signals and other cool features, so I decided to use it for the frontend. I didn’t want to spend too much time designing UI components, hence I decided to use a component library that provides pre-built, customizable components. This allowed me to focus more on the core functionality and user experience. The library i choose is Taiga UI.
-
-
tail-kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 3.0.
-
-
-
-
For an extended period, tree shaking with Angular libraries is supported when using secondary-entrypoints, which is supported by ng-packagr.
-
uilayouts
🔥100+ Free beautifull interactive react/nextjs component based on tailwindcss, framer-motion, gsap etc
Project mention: 🚀 The Ultimate List of 27 Frontend Libraries for Creative Developers | dev.to | 2025-01-28🛠️ What it does: Offers pre-built, responsive layout solutions for common web design patterns ✨ Why it's awesome: Saves significant time on layout implementation with proven patterns 🎯 Use it for: Quickly implementing complex, responsive layouts 🔗 Link: UI Layouts
-
catalog
The Magic Patterns Catalog is an open-source website that lists the most popular React component libraries, helping you find the perfect component.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
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 component-library discussion
TypeScript component-library related posts
-
This treasure-level tool for improving efficiency must be collected and used
-
FumaDocs React Component to Display Code from Github Repos
-
Knowing CSS is mastery to Front end Development
-
Feature Flag Service: Experimenting with New Technologies and Architectures
-
The Tree Shaking Journey in Angular: A Deep Dive
-
Building Micro Frontends with Vite, React, and TypeScript: A Step-by-Step Guide
-
Microsoft's Adaptive UI
-
A note from our sponsor - SurveyJS
surveyjs.io | 18 May 2025
Index
What are some of the best open-source component-library projects in TypeScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | element-plus | 25,853 |
| 2 | heroui | 24,162 |
| 3 | primitives | 17,113 |
| 4 | naive-ui | 17,073 |
| 5 | fast | 9,453 |
| 6 | base web | 8,827 |
| 7 | React95 | 6,872 |
| 8 | themes | 6,799 |
| 9 | polaris | 5,933 |
| 10 | react-virtuoso | 5,691 |
| 11 | skeleton | 5,495 |
| 12 | arco-design | 5,251 |
| 13 | melt-ui | 4,013 |
| 14 | gluestack-ui | 3,777 |
| 15 | taiga-ui | 3,565 |
| 16 | react | 3,549 |
| 17 | tail-kit | 2,947 |
| 18 | arco-design-vue | 2,911 |
| 19 | flowbite-react | 2,025 |
| 20 | vazco/uniforms | 2,023 |
| 21 | ng-packagr | 1,853 |
| 22 | uilayouts | 1,705 |
| 23 | catalog | 1,464 |
Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io