TypeScript Components

Open-source TypeScript projects categorized as Components

Top 23 TypeScript Component Projects

  1. shadcn/ui

    A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

    Project mention: From Zero to Deployed: A Step-by-Step Guide to Building a Full-Stack App with React Router and Cloudflare | dev.to | 2025-07-10

    Initialize shadcn/ui to easily add beautiful and accessible components.

  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.

    SurveyJS logo
  3. storybook

    Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation

    Project mention: 🎯 How to Ensure Pixel-Perfect UI in React Apps | dev.to | 2025-07-01

    📚 4. Use Storybook (Seriously) If you’re not using Storybook for UI development, now is the time. It isolates your components from the app, which means:

  4. astro

    The web framework for content-driven websites. ⭐️ Star to support our work!

    Project mention: Astro is a developers f* dream | news.ycombinator.com | 2025-07-09

    But it has a CMS? The author said that replaced WordPress sites with Astro, and on https://astro.build/ I see a comparison to WordPress.

    Astro brings a friendly UI to maintain and update the sites? Like the WordPress panel and editor.

  5. headlessui

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

    Project mention: Tailwind CSS vs. Bootstrap: Which Framework is Better for Your Project? | dev.to | 2025-03-12

    Tailwind CSS ecosystem features growing resources like Tailwind UI (a component library), Headless UI (unstyled, accessible components), and community-built plugins. It’s maintained by a smaller company (Tailwind Labs) but has very active development and a dedicated community of web developers.

  6. recharts

    Redefined chart library built with React and D3

    Project mention: Demystifying npm package installation: Insights, analysis and optimization tips | dev.to | 2025-04-22

    In order to run each scenario, there must be a package.json file present. For this analysis, we will use the following package.json file. This is a real package.json file, that I've used when creating a simple demo of Recharts library.

  7. heroui

    🚀 Beautiful, fast and modern React UI library. (Previously NextUI)

    Project mention: InboxNegotiator: Turning Debt Reminders into Payment Plans with AI and Postmark | dev.to | 2025-06-08

    UI: shadcn/ui + HeroUI for a modern, responsive interface.

  8. vant

    A lightweight, customizable Vue UI library for mobile web apps.

    Project mention: Templates Needed More in the AI Era - FAV0 Weekly #025 | dev.to | 2024-12-22
  9. 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.

    InfluxDB logo
  10. @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: Best 11 React UI Component Libraries in 2025 | dev.to | 2025-03-11

    Blueprint UI

  11. office-ui-fabric-react

    Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

    Project mention: How to style a PCF like a standard Model Driven App control | dev.to | 2025-02-21

    After this article I had an interesting exchange with David Rivard on how to manually tweak the style of Fluent UI 9 controls to make it look like the standard, model-driven, ones.

  12. nivo

    nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries

    Project mention: Show HN: I'm an airline pilot – I built interactive graphs/globes of my flights | news.ycombinator.com | 2025-06-27

    Cool viz, I guess it's using https://nivo.rocks/?

  13. omi

    Web Components Framework - Web组件框架 (by Tencent)

  14. primeng

    The Most Complete Angular UI Component Library

    Project mention: Theory of Abstraction | dev.to | 2025-06-29

    No easy way to do this, and the level of abstraction can vary a lot between projects. For example, if you are using Angular and you have one of the well-known packages such as PrimeNG, where you will use a modal. You can use it directly from the library, but what will you do if you want to update or even replace the entire library?

  15. fast

    The adaptive interface system for modern web experiences.

    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:

  16. cosmos-js

    Sandbox for developing and testing UI components in isolation

  17. reakit

    Toolkit with accessible components, styles, and examples for your next web app

  18. React95

    🌈🕹 Windows 95 style UI component library for React

  19. react-native-ui-lib

    UI Components Library for React Native

  20. skeleton

    Skeleton is an adaptive design system powered by Tailwind CSS. (by skeletonlabs)

    Project mention: I built a portfolio in minutes with Bolt and Manifest | dev.to | 2025-02-03

    → https://manifest.build/#cta-cloud

  21. ngx-bootstrap

    Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)

  22. aleph.js

    The Full-stack Framework in Deno.

  23. blocksuite

    🧩 Content editing tech stack for the web - BlockSuite is a toolkit for building editors and collaborative applications.

  24. searchkit

    React + Vue Search UI for Elasticsearch & Opensearch. Compatible with Algolia's Instantsearch and Autocomplete components.

  25. unplugin-vue-components

    📲 On-demand components auto importing for Vue

    Project mention: How to optimize Vite app? | dev.to | 2024-12-06

    AutoImport from "unplugin-vue-components/vite"

  26. Stream

    Stream - Scalable APIs for Chat, Feeds, Moderation, & Video. Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure.

    Stream logo
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 Components discussion

Log in or Post with

TypeScript Components related posts

  • Top 7 Open-Source Projects to Contribute to in 2025

    6 projects | dev.to | 4 Jul 2025
  • 🎯 How to Ensure Pixel-Perfect UI in React Apps

    2 projects | dev.to | 1 Jul 2025
  • Theory of Abstraction

    1 project | dev.to | 29 Jun 2025
  • Documentando componentes React com Storybook

    2 projects | dev.to | 24 Jun 2025
  • Beyond switch-case: Type-safe Pattern Matching in TypeScript

    1 project | dev.to | 20 Jun 2025
  • Resume Scan AI app built with Next.js 15, Tailwind CSS, BetterAuth, Open AI, Inngest, and Shadcn/ui

    4 projects | dev.to | 17 Jun 2025
  • 10+ Stunning React Icon Library

    7 projects | dev.to | 13 Jun 2025
  • A note from our sponsor - Stream
    getstream.io | 15 Jul 2025
    Stream helps developers build engaging apps that scale to millions with performant and flexible Chat, Feeds, Moderation, and Video APIs and SDKs powered by a global edge network and enterprise-grade infrastructure. Learn more →

Index

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

# Project Stars
1 shadcn/ui 90,551
2 storybook 87,209
3 astro 52,186
4 headlessui 27,611
5 recharts 25,562
6 heroui 24,828
7 vant 23,953
8 @blueprintjs/core 21,143
9 office-ui-fabric-react 19,393
10 nivo 13,663
11 omi 13,187
12 primeng 11,766
13 fast 9,483
14 cosmos-js 8,503
15 reakit 8,276
16 React95 6,968
17 react-native-ui-lib 6,872
18 skeleton 5,588
19 ngx-bootstrap 5,539
20 aleph.js 5,252
21 blocksuite 5,076
22 searchkit 4,827
23 unplugin-vue-components 4,112

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Keep full control over the data you collect and tailor the form builder’s entire look and feel to your users’ needs. SurveyJS works with React, Angular, Vue 3, and is compatible with any backend or auth system. Learn more.
surveyjs.io

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?