Design System Playground

What it does

Play with typography and colors to generate a design system theme you can use in your React projects, compatible with Theme UI, Styled System, Rebass, Chakra UI and Tachyons.

• 
  React for Designers2018 · designcode.io · ▲286

  Course for building a React site using components

• 
  Colors & Fonts2021 · colorsandfonts.com · ▲304

  Color & typography for web developers & digital designers

• 
  Radix Themes2023 · radix-ui.com · ▲246

  A beautiful component library for building React apps faster

• 
  ReactSymbols UI Kit2017 · coolsymbol.now · ▲288

  UI elements in ready-to-use components for React

• 
  React Bricks2022 · reactbricks.com · ▲213

  CMS with visual editing based on React components

• 
  Stylish2019 · ▲89

  Build beautiful React styled components visually 💅🌠

• 
  Run full iOS 16.5 firmware on Android Devices▲510

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 1d ago · github.com

• 
  /dev/null▲492

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• 
  Bel▲1,288

  Life & fun · 2019 · paulgraham.com

• 
  Vector Illustration Creator▲811

  Create free personalized illustrations from 3000+ elements

  Growth · 2019 · icons8.com

• 
  Open Doodles▲687

  A collection of free sketchy illustrations

  Growth · 2019 · opendoodles.com

• 
  AirPods Pro▲576

  New AirPods with active noise cancellation

  Life & fun · 2019 · apple.com

• 
  The New Ember Mugs▲568

  The next generation of temperature controlled mugs

  Life & fun · 2019 · ember.com

• 
  Lazy IoT▲533

  Control your environment with one easy keyboard shortcut

  Work · 2019 · lazy-app.com