TypeScript design-systems

Open-source TypeScript projects categorized as design-systems

Top 22 TypeScript design-system Projects

design-systems
  1. Material UI

    Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

    Project mention: Top 5 Free React UI Libraries to Use in 2025 | dev.to | 2025-05-01

    MUI is the OG of UI component libraries. They’ve been at the top back since when Bootstrap was a contender and are still maintaining a top spot in the era of Tailwind and other UI libraries. With more than 95k GitHub stars (and counting), and top companies using it in production, I’d say this is the open-source React component library with the most stars. MUI also has paid components available for enterprise users.

  2. 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.

    SurveyJS logo
  3. antd

    An enterprise-class UI design language and React UI library

    Project mention: 10 Best React Icon Libraries (2025 Edition) | dev.to | 2025-03-17

    Preview site: https://ant.design/

  4. storybook

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

    Project mention: Monorepo Tutorial With Lerna, Storybook & Next.js | dev.to | 2025-04-03

    In this tutorial, you'll learn how to build a monorepo using Lerna. We’ll be building a Next.js application which will import components from a separate package. We’ll also be using Storybook to showcase those components.

  5. primitives

    Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.

    Project mention: Top 5 Free React UI Libraries to Use in 2025 | dev.to | 2025-05-01

    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.

  6. react-spectrum

    A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

    Project mention: Ultimate UI and Development Resource Guide for 2024 🚀 | dev.to | 2024-09-05

    8. React Spectrum Adobe’s design system, offering accessible components for building consistent, adaptive, and delightful user experiences. React Spectrum:

  7. 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:

  8. base web

    A React Component library implementing the Base design language

  9. 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.

    Civic Auth logo
  10. themes

    Radix Themes is an open-source component library optimized for fast development, easy maintenance, and accessibility. Maintained by @workos.

  11. 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-02

    You'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...

  12. plasmic

    Visual builder for React. Build apps, websites, and content. Integrate with your codebase.

  13. playroom

    Design with JSX, powered by your own component library.

  14. zeit-ui-react

    A design system for building modern websites and applications.

  15. zag

    Build your design system in React, Solid, Vue or Svelte. Powered by finite state machines

  16. react-daisyui

    daisyUI components built with React 🌼

    Project mention: Bulma CSS Framework | news.ycombinator.com | 2024-10-27

    Is this really the main use case?

    The product website seems to suggest we can add DaisyUI to a React project -- and proceed with development with no additional notes on replacing the styles later before production

    [1] https://react.daisyui.com/?path=/story/data-display-table--w...

  17. design-system

    Priceline.com Design System

  18. noya

    The open design tools SDK. Try our new experimental wireframing tool! 👇

  19. grail-ui

    A library of accessible component primitives, actions and utilities for Svelte.

  20. moon-design

    Moon Design System for React

  21. ebs-design

    A React-based UI toolkit for enterprise grade applications

  22. kaizen-design-system

    Culture Amp's Kaizen Design System :seedling:

  23. ui

    Rad UI is an open-source, headless UI component library for building modern, fast, performant, accessible React applications (by rad-ui)

  24. Adaptive-Web-Components

    The Web Component library built on Open Web Standards & Adaptive UI technologies

  25. 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
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 design-systems discussion

Log in or Post with

TypeScript design-systems related posts

  • Knowing CSS is mastery to Front end Development

    8 projects | news.ycombinator.com | 2 Mar 2025
  • Top 20 Modern React Libraries To Supercharge Your Next Big Project

    11 projects | dev.to | 18 Feb 2025
  • Explaining Scoped Context in React with example

    1 project | dev.to | 21 Dec 2024
  • Cursor AI: 5 Advanced Features You're Not Using

    1 project | dev.to | 18 Dec 2024
  • Ask HN: How can I improve UI dev skills? Looking for real-world examples

    5 projects | news.ycombinator.com | 17 Sep 2024
  • 8 Most Customizable UI Libraries for Next.js

    3 projects | dev.to | 10 Sep 2024
  • Headless UI alternatives: Radix Primitives, React Aria, Ark UI

    7 projects | dev.to | 9 Jul 2024
  • A note from our sponsor - SurveyJS
    surveyjs.io | 12 May 2025
    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 →

Index

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

# Project Stars
1 Material UI 95,550
2 antd 94,562
3 storybook 86,563
4 primitives 17,068
5 react-spectrum 13,850
6 fast 9,441
7 base web 8,826
8 themes 6,743
9 polaris 5,927
10 plasmic 5,691
11 playroom 4,525
12 zeit-ui-react 4,448
13 zag 4,390
14 react-daisyui 1,016
15 design-system 723
16 noya 441
17 grail-ui 382
18 moon-design 275
19 ebs-design 251
20 kaizen-design-system 164
21 ui 72
22 Adaptive-Web-Components 41

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

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