Handmade
GitHubDownload

Handmade vs Magic Patterns

Which is better, Handmade or Magic Patterns?

It depends on where you start. Magic Patterns suits teams that want to explore new product ideas on a shared web canvas. You start from a prompt, a PRD, or screenshots, compare directions side by side, and hand the winner to a coding agent. Handmade suits designers whose React app already exists and who want to refine the real thing. You select an element in your running app, adjust padding, radius, type, or color, and get a readable diff in your own repo. Some teams could use both: Magic Patterns to explore, Handmade to polish what ships.

Published 28 Oct 2026 · Updated 28 Oct 2026

At a glance

Where you work

magic patterns

MagicOS is an infinite canvas in the browser. A coordinator chat runs agent threads at the same time, you can talk to the canvas by voice, and teammates can work on the same canvas live.

handmade

Handmade is a Mac app. You inspect your live, running React UI.

Starting point

magic patterns

You start from a prompt, a requirement, or a PRD, plus screenshots and references. You can attach a GitHub repo as context. Magic Patterns' docs say Connect GitHub reads the repo to ground designs in your code and does not write to it.

handmade

You start from your existing React code, with Tailwind classes or inline styles.

What you get out

magic patterns

You hand a design to Claude Code, Cursor, Codex, or another coding agent over MCP. GitHub sync creates a new React + Vite repository. It is a two-way sync. You can download a design as a ZIP, or export to Figma.

handmade

You get a readable diff in your real, existing repo. An agent turns your edits into code.

Platform

magic patterns

Magic Patterns is a web app at magicpatterns.com.

handmade

Handmade is a Mac app for Apple silicon and Intel.

Pricing

magic patterns

Free is $0 per month. Starter is $17 per seat per month billed annually, or $20 per seat per month billed monthly. Business is $85 per seat per month billed annually, or $100 per seat per month billed monthly. Enterprise is Custom. MCP, Sync with GitHub, and Figma export are on paid plans.

handmade

Free during beta, as of Oct 2026.

Magic Patterns details are from their own pages, checked 28 Oct 2026. See Sources.

When to pick Magic Patterns

  • You are exploring a new feature or product and don't have the UI built yet.
  • You want to compare several directions side by side before anyone writes production code.
  • Your team, including PMs, wants to work in the browser on one shared canvas, with voice and live multiplayer.
  • You plan to hand the chosen design to a coding agent, or start a fresh React + Vite repo from it.

When to pick Handmade

  • Your React app already exists and the work is polish: spacing, radius, type, and color.
  • You want to change the running app itself, not a copy of it.
  • You want every change as a readable diff in your existing repo that your team can review.
  • You work on a Mac. Handmade is free during beta, as of Oct 2026, and you can download it today.
  • You want to look at the code. Handmade's inspector, made-refine, is open source on GitHub: https://github.com/rezailmi/made-refine

Questions

Does Magic Patterns edit my existing repo?

Magic Patterns' docs say Connect GitHub reads a repo to ground designs in your code and does not write to it. Sync with GitHub creates a new React + Vite repository, with two-way sync. Handmade writes your edits as a diff in the repo you already have.

Can I use Magic Patterns and Handmade together?

Yes. They cover different steps. You can explore new ideas in Magic Patterns, then use Handmade to refine spacing, type, and color in the React app you ship.

Which platforms do they run on?

Magic Patterns runs in the browser at magicpatterns.com. Handmade is a Mac app for Apple silicon and Intel Macs.

How much do they cost?

Magic Patterns lists a free tier and paid per-seat plans on its pricing page, checked 28 Oct 2026. Handmade is free during beta, as of Oct 2026.

Sources

All checked 28 Oct 2026.

  1. Magic Patterns homepage: https://www.magicpatterns.com/
  2. Magic Patterns pricing: https://www.magicpatterns.com/pricing
  3. Introducing MagicOS: https://www.magicpatterns.com/blog/introducing-magicos
  4. What is MagicOS: https://www.magicpatterns.com/docs/documentation/magic-os/overview
  5. Magic Patterns docs welcome: https://www.magicpatterns.com/docs/documentation/get-started/introduction
  6. Connect to GitHub: https://www.magicpatterns.com/docs/documentation/importing/connect-github
  7. Sync with GitHub: https://www.magicpatterns.com/docs/documentation/get-started/sync-to-github
  8. MCP overview: https://www.magicpatterns.com/docs/documentation/features/mcp-server/overview
  9. Magic Patterns changelog: https://www.magicpatterns.com/docs/documentation/feature-releases/changelog
  10. Handmade: https://usehandmade.com
  11. Handmade download: https://usehandmade.com/download
  12. made-refine on GitHub: https://github.com/rezailmi/made-refine