Visual Infrastructure as Code. Draw it. Generate it.
Drag cloud architecture components onto a canvas. Connect them. Click generate. Get Terraform code.
Client-side only. Your OpenAI key stays in your browser.
Built with React, Vite, React Flow, and @dinakars777/react-glass-ui.
Writing Terraform by hand is slow. Diagrams are faster but don't deploy. This tool does both — what you draw becomes what you deploy.
- Interactive Canvas — Drag AWS nodes: EC2, S3, RDS, Lambda, VPC, IAM
- Smart Routing — Connect nodes to define dependencies and network topology
- AI Terraform Generation — Click generate, get valid HCL
- Secure — Your OpenAI key stays in browser local storage, never leaves your machine
- Glassmorphism UI — Fluid, animated interface
This is a fully client-side Vite app — no backend required.
git clone https://github.com/dinakars777/arch-to-code
cd arch-to-code
npm install
npm run devOpen http://localhost:5173 in your browser.
You'll be prompted to enter your OpenAI API key on first use. It's stored only in your browser's local state.
| Tool | Purpose |
|---|---|
| React 19 + TypeScript | UI framework |
| Vite | Build tool & dev server |
@xyflow/react |
Canvas & node routing |
lucide-react |
Icons |
openai |
Terraform generation via LLM |
@dinakars777/react-glass-ui |
Glassmorphism design system |
- GCP and Azure node support
- Export to AWS CDK (TypeScript)
- Export to Kubernetes YAML
- Save/load diagrams locally
- Multi-cloud architecture support
MIT