Morph
Website-to-Next.js codebase cloner, drivable by CLI or 13 AI coding agents.
CLI + 13 agent platforms supported
- role
- Architect and sole engineer
- stack
- Node CLI · Next.js · Tailwind · agent pipelines
- status
- oss
// 01 - PROBLEM
Rebuilding an existing site in a modern stack is days of tedious reverse-engineering: design tokens, assets, animations, routes, components. Morph automates the extraction and scaffolds a clean Next.js + Tailwind codebase from a URL.
// 02 - APPROACH
- CLI path: npx morph clone <url> extracts tokens, downloads assets, detects animations, crawls pages, generates App Router routes.
- Agent path: a /clone-website pipeline drives Claude Code, Cursor, or 11 other coding agents to reverse-engineer with pixel-perfect fidelity.
- Full QA audit pass at the end of every clone.
// 03 - ARCHITECTURE
urlextract tokensassetsroutescomponentsQA audit
- Two paths, one pipeline
- Deterministic CLI for speed, agent pipeline for fidelity - the same extraction engine feeds both, so improvements land in both paths at once.
// 04 - PRODUCTION-GRADE
- Ethical-use guidance built into the docs
- Template gallery and interactive pattern library
- Multiple export formats
// 05 - ARTIFACTS