React Sketch.app

What it does

Managing the assets of design systems in Sketch is complex, error-prone and time consuming. Sketch is scriptable, but the API often changes. React provides the perfect wrapper to build reusable documents in a way already familiar to JavaScript developers.

First, make sure you have installed Sketch version 50+, & a recent npm . Managing the assets of design systems in Sketch is complex, error-prone and time consuming. Sketch is scriptable, but the API often changes. React provides the perfect wrapper to build reusable documents in a way already familiar to JavaScriptfrom react-sketchapp.airbnb.tech

• 
  Airbnb React Sketch.app2017 · react-sketchapp.airbnb.tech · ▲745

  Render React components to Sketch for design systems

• 
  React for Designers2018 · designcode.io · ▲301

  Course for building a React site using components

• AV
  A Visual IDE for React2022 · dev.aspect.app · ▲479

  I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!

• 
  Atomize React2019 · atomizecode.com · ▲378

  An open source design system for ReactJS

• 
  react.dev2023 · react.dev · ▲543

  The new home for React and its documentation

• 
  Airbnb React Sketch.app2018 · react-sketchapp.airbnb.tech · ▲43

  Render React components to Sketch for design systems

• 
  /dev/null▲472

  a social network for devs

  Dev tools · 2d 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 · 27d 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 · 25d ago · github.com

• 
  OpenBot▲362

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

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  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 · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Airmash – Multiplayer Missile Warfare HTML5 Game▲1,535

  Free multiplayer dogfights in your browser, the official reboot of the 2017 hit. Five aircraft, five game modes, no download.

  Life & fun · 2017 · airma.sh

• 
  Nomad List 3.0▲1,252

  Find the best place to ❤️ live, 👩‍💻 work, and 💃 play

  Life & fun · 2017 · nomads.com

• 
  Design Principles▲920

  An open source repository of design principles and methods

  Work · 2017 · principles.design

• 
  unDraw▲896

  MIT licensed illustrations for your next project

  Dev tools · 2017 · evie.undraw.co

• 
  Descript▲869

  Text-based audio editor and automated transcription

  Work · 2017 · descript.com

• 
  Magic Leap One▲803

  Super stealthy AR startup reveals its first product

  Life & fun · 2017 · magicleap.com