Convert any website into a modern Next.js application

Dragonfly crawls your existing site, extracts the design system, and uses AI to build production-ready React components.

How it works

Point at any URL. A containerized browser captures every page, asset, and stylesheet.

Pages become React components. Design tokens, shared layouts, and assets are extracted automatically.

A multi-phase AI agent applies Tailwind, builds the design system, converts pages, and polishes the result.

Tailwind CSS 4 + shadcn/ui out of the box

Automatic design token and shared layout extraction

Multi-phase AI conversion with focused turn budgets

Live preview with hot reload during agent sessions

Git-backed workflow with automatic PR creation

Interactive AI agent for iterative refinement