Handmade
GitHubDownload
1 itemHome.tsx
No selection
Layout
A familiar feeling. A new way to make.

Design in code.
No round trip.

A Mac app for designers. Select anything in your running React app and change it. Handmade writes the change to your code.

Download for Mac
goodkind
music-library
Main
explain codebase
explain this music app

This is Goodkind, a music library for albums, playlists, and everyday listening.

  • The library lives in src/app/(music)/. It brings albums and recently played tracks together.
  • Album cards and track rows live in src/components/. Select one on the canvas to change its spacing, color, or type.
  • The player shares the current track across the app. Preview lets you try the playback controls.
Try changing the album card spacing, then press Apply. I will carry the changes into the React components.

Start with the details

A little more space between the artwork and title can make the library easier to scan.

Opus 5.5 (1M) High
goodkind 790 × 860

Soft Focus

New this week

#Time
Weightless
Ines Morrow
0:003:42

What it is

what

Handmade is a Mac app for designers. Select any element in your running React app, change spacing, type, color and corners, and Handmade writes the change to your code and opens a pull request.

who it's for

Designers on React and Tailwind teams who want to ship UI polish themselves, and engineers who want those changes as clean diffs.

how it's different

It edits your real repo. No export, no handoff file, no second source of truth.

Your production code is the canvas

  1. 1

    Select and adjust

    Change spacing, font, color, and corners on any element.

  2. 2

    Explore in canvas

    Save a version when you want to keep it.

  3. 3

    Write changes to code

    Simple style changes go straight into your React code.

  4. 4

    Hand bigger changes to agents

    Send your edits to an agent, or describe the change in words.

  5. 5

    Comment on elements

    Notes stay with the element they're pinned to.

  6. 6

    Open a pull request

    Your team reviews the change on GitHub.

Questions

Does it work with my stack?

React apps, with Tailwind classes or inline styles. Mac only for now.

Does it change my code without asking?

No. Every change opens a pull request your team reviews before it lands. Simple style changes go straight into your React code.

Do I need to know how to code?

You change the running app. Handmade writes simple style changes into the code. You can send a bigger change to an agent, or describe it in words.

How is it different from Figma dev mode?

It edits your real repo. No export, no handoff file, no second source of truth.

Is it free?

Yes. Handmade is free during beta, as of Oct 2026.

Try it on your app

Download for MacStar on GitHub