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.
Details
- External ID
- 1362182926
- Source
- GITHUB
- Company
- —
- Product
- open-design-frame
- Website domain
- github.com
- Launched
- Sept. 9, 2026
- Cohort
- —
- Upvotes
- 10
- Upvotes percentile
- 0.28183448629259544
- Tags
- —
- Fetched at
- Sept. 13, 2026, 5:57 p.m.
- Updated at
- Sept. 13, 2026, 5:57 p.m.
Enrichment
- Theme
- code-driven AI video and animation
- Vertical
- Horizontal
- Function
- Dev tools
- Audience
- Developer
- AI stance
- AI-native
- Project type
- Hobby / open-source project
- Normalized one-liner
- react design frame canvas with source code inspector and mcp support
- Manually corrected
- False
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 — 103 launches clear the similarity bar, closest 8 shown.
Attention rank: #98 of 104 (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
- Blockframe · ph · 2026-09-21 · 1 upvotes · similarity 0.47
- omadesign · ph · 2026-09-10 · 3 upvotes · similarity 0.45
- UX Components: Design System Reference · ph · 2026-09-23 · 4 upvotes · similarity 0.45
- Design Agent by Lokuma · ph · 2026-03-21 · 434 upvotes · similarity 0.44
- Glass Kit — Framer by Ricardo Kruger · ph · 2026-09-29 · 1 upvotes · similarity 0.44
- Web Frames · ph · 2026-09-18 · 1 upvotes · similarity 0.44
- omadesign · ph · 2026-09-18 · 60 upvotes · similarity 0.43
Other launches for this product
- No other launches for this product.
Same idea, different domain
Nobody's really built a dev tools tool for Sales yet.