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: React Component Libraries | dev.to | 2024-03-13

    Official Website: https://blueprintjs.com/

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

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

    A library for visualization and creative-coding

  • playroom

    Design with JSX, powered by your own component library.

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

  • Bangumi

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

  • Silex

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

  • Project mention: Background image scrolling issue and widget misplacement after exporting from Silex Desktop | /r/css | 2023-06-16

    First of all, wouldn't it make more sense to post this issue in https://github.com/silexlabs/Silex/issues if you haven't yet (preferably as two separate issues)?

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

    React 18 & Bootstrap 5 & Material Design 2.0 UI KIT

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

  • 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
  • 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: I wrote a new language to beat Figma | /r/ProgrammingLanguages | 2023-06-25

    Have you ever tried Glisp? IMO it is executed much better than yours because Lisp is a much better suited language. Anyways awesome idea!

  • neopop-web

    NeoPOP components library based on CRED's design system

  • idraw

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

  • dev-resources

    A collaborative list of resources for developers

  • xlayers

    ✨ Generate code from your design

  • webcrumbs

    Create and modify Node.js websites and applications with an admin interface and powerful themes and plugins, enriched by the community. 🌟 Star to support our work!

  • Project mention: JavaScript Security: Simple Practices to Secure Your Frontend | dev.to | 2024-05-15

    ⭐ Would you consider giving us a Star on GitHub? >.< ⭐

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

  • parsers

    Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.

  • Project mention: Show HN: Specify 2.0 – Your design token engine | news.ycombinator.com | 2024-01-25
  • cider

    Card IDE (CIDEr) - Design game cards using HTML/Handlebars, CSS, and tabular data (by oatear)

  • Project mention: I’m working on a prototype, are there templates for making cards? | /r/tabletopgamedesign | 2023-07-14

    You could give your hand at templating using Cider. https://github.com/oatear/cider

  • 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 related posts

  • JavaScript Security: Simple Practices to Secure Your Frontend

    1 project | dev.to | 15 May 2024
  • Open Source Essentials: Must-Try Projects and Tools

    1 project | dev.to | 9 May 2024
  • Navigating Open Source: A Guide to Effective Community Engagement

    1 project | dev.to | 8 May 2024
  • Do you use Tailwind?

    1 project | dev.to | 29 Apr 2024
  • What is a Plugin Ecosystem and Why Does It Matter?

    2 projects | dev.to | 25 Apr 2024
  • PostHog: Side Project Insurance

    1 project | news.ycombinator.com | 9 Apr 2024
  • Radix Colors: Accessible color system for user interfaces

    1 project | news.ycombinator.com | 26 Mar 2024
  • A note from our sponsor - SurveyJS
    surveyjs.io | 15 May 2024
    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. 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,428
2 theme-ui 5,221
3 pts 5,108
4 playroom 4,421
5 plasmic 4,205
6 Bangumi 3,185
7 Silex 2,077
8 catalog 1,437
9 mdbootstrap 1,403
10 stylebot 1,358
11 colors 1,241
12 glisp 976
13 neopop-web 931
14 idraw 917
15 dev-resources 876
16 xlayers 812
17 webcrumbs 661
18 posthog.com 345
19 design-system-builder 245
20 nextjs-components 156
21 z 156
22 parsers 110
23 cider 92

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