TypeScript design-systems

Open-source TypeScript projects categorized as design-systems

Top 22 TypeScript design-system Projects

design-systems
  • Material UI

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

    Project mention: Material UI vs Shadcn | dev.to | 2024-07-17

    Material UI GitHub Repository

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

    An enterprise-class UI design language and React UI library

    Project mention: 🎡 Enhancing CyclopsUI: Modernizing the Node Details Page with Ant-D! | dev.to | 2024-07-19

    Ant Design is a comprehensive React UI library that offers a wealth of well-designed, high-quality components. It stands out for its consistency, flexibility, and ease of use, making it an ideal choice for modern web applications. By adopting Ant Design, we aimed to:

  • storybook

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

    Project mention: Top 10 React Libraries and Tools You Should Know in 2024 | dev.to | 2024-06-20

    Website: Storybook

  • 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: Headless UI alternatives: Radix Primitives, React Aria, Ark UI | dev.to | 2024-07-09

    Radix Primitives is a library of unstyled React components built by the team behind Radix UI, a UI library with fully styled and customizable components. According to its website, the Node.js, Vercel, and Supabase teams all use Radix Primitives. The library has 14.8K stars on GitHub.

  • react-spectrum

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

    Project mention: Headless UI alternatives: Radix Primitives, React Aria, Ark UI | dev.to | 2024-07-09

    React Aria is a library of unstyled components that Adobe released under their collection of React UI tools called React Spectrum. Adobe does not have a repository dedicated to React Aria, but the React Spectrum repository has 12K GitHub stars at the time of writing. Its npm package, react-aria-components, also currently receives 260K weekly downloads.

  • fast

    The adaptive interface system for modern web experiences.

    Project mention: Using Apache ECharts with Lit and TypeScript | dev.to | 2024-06-16

    The FAST Project by Microsoft provides an in-depth discussion on the benefits of Web Components.

  • base web

    A React Component library implementing the Base design language

    Project mention: ⚡Top GitHub Repositories for UI Components | dev.to | 2024-01-05

    🔍 Site ⭐ GitHub

  • SaaSHub

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

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

  • themes

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

    Project mention: ⚡Top GitHub Repositories for UI Components | dev.to | 2024-01-05

    🔍 Site ⭐ GitHub

  • plasmic

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

    Project mention: A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev | dev.to | 2024-02-05

    Plasmic - A fast, easy-to-use, robust web design tool and page builder that integrates into your codebase. Build responsive pages or complex components; optionally extend with code; and publish to production sites and apps.

  • playroom

    Design with JSX, powered by your own component library.

  • zeit-ui-react

    A design system for building modern websites and applications.

  • zag

    Finite state machines for building accessible design systems and UI components. Works with modern frameworks, and even just Vanilla JS

    Project mention: Top 5 Headless Components For Your React Application In 2023 | dev.to | 2023-10-14

    Zag.js and Ark are headless component libraries created by the teams behind Chakra UI.

  • html-figma

    Builder.io for Figma: AI generation, export to code, import from web

    Project mention: Best AI Coding Tools for Developers in 2024 | dev.to | 2024-07-15

    Visual Copilot is an AI-powered Figma to code toolchain that leverages AI models and an open-source compiler, Mitosis, to transform flat designs into code hierarchies, refined by an LLM for framework and styling preferences.

  • react-daisyui

    daisyUI components built with React 🌼

  • design-system

    Priceline.com Design System

  • noya

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

  • grail-ui

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

  • moon-design

    Moon Design System for React

  • ebs-design

    A React-based UI toolkit for enterprise grade applications

  • kaizen-design-system

    Culture Amp's Kaizen Design System :seedling:

    Project mention: Use TailwindCSS prefixes for shared design system components | dev.to | 2024-01-22

    For the purposes of this article, shared components are user interface elements that are used in more than one web application. In Culture Amp's case this includes the React components in our Kaizen design system.

  • Adaptive-Web-Components

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

  • 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-systems discussion

Log in or Post with

TypeScript design-systems related posts

  • Headless UI alternatives: Radix Primitives, React Aria, Ark UI

    7 projects | dev.to | 9 Jul 2024
  • Figma to Vue: Convert Designs to Clean Vue Code in a Click

    2 projects | dev.to | 27 Jun 2024
  • Using Apache ECharts with Lit and TypeScript

    3 projects | dev.to | 16 Jun 2024
  • Building Accessible React Components with React Aria

    1 project | dev.to | 13 Jun 2024
  • SASS, CSS, or Tailwind: Which One Should You Choose?

    2 projects | dev.to | 15 May 2024
  • Adobe React Spectrum Libraries

    1 project | news.ycombinator.com | 5 May 2024
  • Radix Primitives: an open-source UI component library

    1 project | news.ycombinator.com | 20 Mar 2024
  • A note from our sponsor - InfluxDB
    www.influxdata.com | 20 Jul 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 →

Index

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

Project Stars
1 Material UI 92,520
2 antd 91,150
3 storybook 83,527
4 primitives 14,940
5 react-spectrum 12,212
6 fast 9,167
7 base web 8,661
8 polaris 5,711
9 themes 4,791
10 plasmic 4,745
11 playroom 4,452
12 zeit-ui-react 4,268
13 zag 3,823
14 html-figma 3,061
15 react-daisyui 893
16 design-system 721
17 noya 430
18 grail-ui 380
19 moon-design 271
20 ebs-design 252
21 kaizen-design-system 156
22 Adaptive-Web-Components 37

Sponsored
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

Did you konow that TypeScript is
the 2nd most popular programming language
based on number of metions?