TypeScript Design

Open-source TypeScript projects categorized as Design

Top 23 TypeScript Design Projects

  • @blueprintjs/core

    A React-based UI toolkit for the web

    Project mention: Top 23 React UI Component Libraries for Your Next Project🚀 | dev.to | 2024-05-30

    5. Blueprint

  • SaaSHub

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

    SaaSHub logo
  • theme-ui

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

    Project mention: Rethinking CSS in JS | dev.to | 2024-09-12
  • pts

    A library for visualization and creative-coding

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

  • Bangumi

    :electron: An unofficial https://bgm.tv ui first app client for Android and iOS, built with React Native. 一个无广告、以爱好为驱动、不以盈利为目的、专门做 ACG 的类似豆瓣的追番记录,bgm.tv 第三方客户端。为移动端重新设计,内置大量加强的网页端难以实现的功能,且提供了相当的自定义选项。 目前已适配 iOS / Android / WSA、mobile / 简单 pad、light / dark theme、移动端网页。

  • react-kawaii

    Cute SVG React Components

  • Silex

    Silex live web creation, free/libre no-code website builder, next gen Webflow for the static web (by silexlabs)

  • icons

    A crisp set of 15×15 icons designed by the @workos team. (by radix-ui)

    Project mention: Icons gem for Phlex | dev.to | 2024-09-20

    RadixUI Icons (300+)

  • Bubble-Card

    Bubble Card is a minimalist card collection for Home Assistant with a nice pop-up touch.

    Project mention: Crafting My Perfect Home Assistant Dashboard | dev.to | 2024-07-12

    I meticulously handpicked a select few from the vast plugin library, prioritizing consistency and cohesiveness around the versatile Bubble Card, to craft this personalized experience.

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

    Change the appearance of the web instantly

    Project mention: Dracula Theme for Hacker News | news.ycombinator.com | 2024-01-29

    You can also do this with the Stylebot extension - https://github.com/ankit/stylebot .. I was already doing this :) (just copy paste the CSS)

  • mdbootstrap

    React 18 & Bootstrap 5 & Material Design 2.0 UI KIT

  • colors

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

    Project mention: Configuring Tailwind as a Design System | dev.to | 2024-09-18

    Because I'm using Radix Colors here, I don't need to set the .dark scope as that's already done for me. If you don't like the Radix colors, you can customise them, use another library or write your own.

  • glisp

    Glisp is a Lisp-based design tool that combines generative approaches with traditional design methods, empowering artists to discover new forms of expression.

    Project mention: Glisp: Graphical Lisp | news.ycombinator.com | 2024-07-21

    The project's GitHub page has a few more details about GLisp:

    https://github.com/baku89/glisp

  • idraw

    A simple JavaScript framework for Drawing on the web.(一个面向Web绘图的JavaScript框架)

  • dev-resources

    A collaborative list of resources for developers

  • neopop-web

    NeoPOP components library based on CRED's design system

  • xlayers

    ✨ Generate code from your design

  • posthog.com

    Official docs, website, and handbook for PostHog.

    Project mention: PostHog: Side Project Insurance | news.ycombinator.com | 2024-04-09
  • design-system-builder

    Design System Builder

  • nextjs-components

    A collection of React components, transcribed from https://vercel.com/design.

  • z

    〽️ 浮之静 (by lencx)

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 discussion

Log in or Post with

TypeScript Design related posts

  • Tutorial: Frontend AI copilot

    1 project | dev.to | 6 Aug 2024
  • What is a React plugin?

    1 project | dev.to | 29 Jul 2024
  • Stop console.log. Better ways inside.

    2 projects | dev.to | 10 Jul 2024
  • We all want a good DevEx. Here's how to do it right

    1 project | dev.to | 22 Jun 2024
  • 10 secret rules of Development every Programmer should know

    1 project | dev.to | 21 Jun 2024
  • 🚀 How to Create React Components Really Quick 🛠️

    1 project | dev.to | 11 Jun 2024
  • T-Shirt Tuesday

    1 project | dev.to | 4 Jun 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 15 Oct 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

Project Stars
1 @blueprintjs/core 20,677
2 theme-ui 5,296
3 pts 5,175
4 plasmic 5,080
5 playroom 4,485
6 Bangumi 3,645
7 react-kawaii 2,912
8 Silex 2,242
9 icons 2,178
10 Bubble-Card 1,815
11 catalog 1,448
12 stylebot 1,417
13 mdbootstrap 1,412
14 colors 1,354
15 glisp 1,116
16 idraw 998
17 dev-resources 972
18 neopop-web 954
19 xlayers 816
20 posthog.com 420
21 design-system-builder 247
22 nextjs-components 162
23 z 156

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com