open-design-frame
Design frames, written as components. A canvas that draws React at true size, an inspector that edits the source, and an MCP endpoint for agents.
Get picks like this daily. Today's launch numbers, the top launches, AI and tech news, and a daily opportunity pick, straight to your inbox.
Want to reach these readers? Sponsor an issue.
GITHUB · launched Sep 9, 2026 · 10 upvotes (top 74%) · 0 views
Niche: ui components and design tools · 168 launches, 10 in the last 7 days ▼ -23% · Explore this niche →
Category and tags
- Horizontal
- Dev tools
- Developer
- AI feature
- Hobby / open-source project
Visit website ↗ Source listing ↗
More like this: all 168 launches in ui components and design tools →
Could you build this?
Partial While the MCP endpoint and React canvas layout are vibe-codeable, building a bidirectional visual canvas that reliably parses, inspects, and modifies AST code in real time without corrupting user source code is technically challenging.
What it would actually take: The system requires an AST parser and transformer (e.g., Babel, TypeScript Compiler API, or SWC) that can map DOM elements in an isolated iframe back to their exact source file line/column positions. It needs non-destructive code formatting (such as Prettier or Recast) to inject style and prop changes directly into Git-tracked source files. An engineer experienced with compiler toolchains, AST manipulation, and sandboxed React iframe rendering is essential.
Competitors
Other products that read as similar to this one : 274 launches clear the similarity bar, closest 8 shown.
Attention rank: #255 of 275 (itself plus its competitors, highest first, normalized so YC and Product Hunt are compared fairly).
Launched 289 days after the earliest competitor.
- Pro Framer Components Studio · ph · 2026-09-24 · 2 upvotes · similarity 0.50
- framing-studio · github · 2026-11-10 · 102 upvotes · similarity 0.48
- Blockframe · ph · 2026-09-21 · 1 upvotes · similarity 0.47
- UI Arc · ph · 2026-10-01 · 18 upvotes · similarity 0.46
- Design Agent by Lokuma · ph · 2026-03-21 · 434 upvotes · similarity 0.45
- omadesign · ph · 2026-09-10 · 3 upvotes · similarity 0.45
- UX Components: Design System Reference · ph · 2026-09-23 · 4 upvotes · similarity 0.45
- Web Frames · ph · 2026-09-18 · 1 upvotes · similarity 0.44
The niche, labels, vibe code rating and competitor comparison on this page are analysis by Nicheloom. If you use them, please credit nicheloom.com. How you may use our data.