TypeScript design-system

Open-source TypeScript projects categorized as design-system
Edit details
Topics: React TypeScript Components component-library CSS
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.
www.influxdata.com
Sponsored

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: Panda CSS: build time and type-safe CSS-in-JS | news.ycombinator.com | 2024-02-05

  • 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

  • react-native-magnus

    A Utility-First React Native UI Framework 🚀🧩

  • 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

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

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS 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). The latest post mention was on 2024-04-04.

TypeScript design-system related posts

Index

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

Project Stars
1 docz 23,499
2 material-web 8,568
3 semi-design 7,871
4 React95 6,364
5 eui 6,043
6 polaris 5,632
7 theme-ui 5,214
8 panda 4,647
9 arco-design 4,573
10 zeit-ui-react 4,195
11 React95 3,163
12 react 2,929
13 arco-design-vue 2,489
14 vue-styleguidist 2,437
15 components 2,256
16 braid-design-system 1,473
17 catalog 1,432
18 orbit-components 1,368
19 colors 1,209
20 react-native-magnus 1,155
21 saas-ui 1,151
22 community-platform 974
23 design-tokens 899

Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com