TypeScript design-system

Open-source TypeScript projects categorized as design-system

Top 23 TypeScript design-system Projects

  • docz

    ✍ It has never been so easy to document your things!

  • material-web

    Material Design Web Components

  • Project mention: Web Components e a minha opiniΓ£o sobre o futuro das libs front-end | dev.to | 2024-04-04
  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • semi-design

    πŸš€A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2800+ Design Tokens, easy to build your design system. Make Semi Design to Any Design. πŸ§‘πŸ»β€πŸ’» Design to Code in one click

  • React95

    πŸŒˆπŸ•Ή Windows 95 style UI component library for React

  • Project mention: Show HN: React95 – a React components library recreating the look of Windows 95 | news.ycombinator.com | 2023-07-09

    There's another repo on GitHub that does the same. If the number of stars is of any significance, they have more. See: https://react95.io/ or https://github.com/react95-io/React95

  • eui

    Elastic UI Framework πŸ™Œ

  • polaris

    Shopify’s design system to help us work together to build a great experience for all of our merchants.

  • Project mention: What's new in Ryviu's latest interface | /r/ryviu | 2023-12-10

    We are delighted to announce that the interface of Ryviu account has been updated according to Shopify Polaris. Aligned with Shopify's top-tier standards for safety, performance, and functionality, these changes aim to simplify the process of importing and managing product reviews for your store.

  • theme-ui

    Build consistent, themeable React apps based on constraint-based design principles

  • Project mention: Styling React 2023 edition | dev.to | 2023-11-03

    Over the past few years, I've worked with React apps utilising various CSS-in-JS libraries, starting with styled-components, transitioning through emotion, Theme UI, and finally Stitches. I've also integrated MUI, Mantine, and Chakra in numerous client projects.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • panda

    🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚑️

  • Project mention: Show HN: Tailwind Nested VSCode Extension | news.ycombinator.com | 2024-04-22
  • arco-design

    A comprehensive React UI components library based on Arco Design

  • zeit-ui-react

    A design system for building modern websites and applications.

  • React95

    A React components library with Win95 UI (by React95)

  • Project mention: Show HN: React95 – A React components library recreating the look of Windows 95 | /r/patient_hackernews | 2023-07-10
  • react

    An implementation of GitHub's Primer Design System using React (by primer)

  • Project mention: Where to study typescript from Beginner to Advanced with actual real examples?? | /r/typescript | 2023-12-10

    https://github.com/primer/react https://github.com/remix-run/react-router

  • arco-design-vue

    A Vue.js 3 UI Library based on Arco Design

  • vue-styleguidist

    Created from react styleguidist for Vue Components with a living style guide

  • components

    React components for Cloudscape Design System (by cloudscape-design)

  • braid-design-system

    Themeable design system for the SEEK Group

  • Project mention: Feeling lost on grokking large libraries | /r/node | 2023-06-13

    I'm not trying to call a particular org or library out, because I think the ones I've been digging through (and prompted me to write this) are very high quality. It's vanilla-extract (a build-time CSS-in-JS library) and Braid Design System (built on vanilla-extract).

  • catalog

    The Magic Patterns Catalog is an open-source website that lists the most popular React component libraries, helping you find the perfect component.

  • Project mention: Mirrorful – free and open-source React component library | news.ycombinator.com | 2024-01-17
  • orbit-components

    React components of open-source Orbit design system by Kiwi.com (by kiwicom)

  • colors

    A gorgeous, accessible color system. (by radix-ui)

  • Project mention: Radix Colors: Accessible color system for user interfaces | news.ycombinator.com | 2024-03-26
  • saas-ui

    The React component library for startups, built with Chakra UI.

  • Project mention: [Hiring] (Online) Developer that has used a Saas Boilerplate | /r/forhire | 2023-10-27
  • react-native-magnus

    A Utility-First React Native UI Framework πŸš€πŸ§©

  • community-platform

    A platform to build useful communities that aim to tackle global problems

  • design-tokens

    🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub 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-system related posts

  • VueJS + Tailwind + DaisyUI = 😎🌷

    2 projects | dev.to | 20 May 2024
  • Show HN: Tailwind Nested VSCode Extension

    1 project | news.ycombinator.com | 22 Apr 2024
  • Show HN: Functional UI Kit – twin Figma and React component libraries

    2 projects | news.ycombinator.com | 25 Feb 2024
  • Show HN: Specify 2.0 – Your design token engine

    1 project | news.ycombinator.com | 25 Jan 2024
  • Mirrorful – free and open-source React component library

    1 project | news.ycombinator.com | 17 Jan 2024
  • What's new in Ryviu's latest interface

    1 project | /r/ryviu | 10 Dec 2023
  • I'm building a Open-source React Design Library as a sophomore

    2 projects | /r/reactjs | 31 Oct 2023
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 21 May 2024
    Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more β†’


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

Project Stars
1 docz 23,520
2 material-web 8,691
3 semi-design 7,947
4 React95 6,401
5 eui 6,044
6 polaris 5,670
7 theme-ui 5,228
8 panda 4,757
9 arco-design 4,645
10 zeit-ui-react 4,228
11 React95 3,184
12 react 2,971
13 arco-design-vue 2,539
14 vue-styleguidist 2,444
15 components 2,266
16 braid-design-system 1,475
17 catalog 1,438
18 orbit-components 1,369
19 colors 1,249
20 saas-ui 1,190
21 react-native-magnus 1,162
22 community-platform 1,042
23 design-tokens 908

SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives