Skip to main content

Design Framework

A web configurator by daveycodez to visually mock up Framework Laptop builds — back panels and per-slot expansion card colors composited onto product photos12.

Features​

  • Supports FW12, FW13, FW13 Pro, FW16
  • Per-slot expansion card selection with rotation/scale
  • Bulk-select and randomize (never repeats colors, avoids matching chassis)
  • SVG overlays on real product photos
  • Built with TanStack Start (Vite + React 19), HeroUI v3, Tailwind v4, Cloudflare Pages2

Footnotes​

  1. Design Framework — a free tool to mock up your build — Website ↩

  2. designframe.work — GitHub (daveycodez) ↩ ↩2