AWS infrastructure as <React/>

Write JSX with className props. Generate Terraform.

GitHub

infrastructure.jsx

</VPC>

main.tf

variables.tf

outputs.tf

backend.tf

Interactive Playground

Edit the JSX and see Terraform generated in real-time

GitHub

Component Editor

JSX + React2AWS

ml-platform10.0.0.0/16

inference-lb

ALB

model-server

Fargate• 4096MB

embedding-service

Fargate• 2048MB

preprocess

Lambda• python3.12

postprocess

Lambda• python3.12

batch-inference

Lambda• python3.12

inference-logs

DynamoDB

rate-limits

DynamoDB

models

training-data

predictions

12 resources

Available Components

Each component maps to Terraform resources.

VPC

Virtual Private Cloud with subnets and routing

cidr-10.0.0.0/16 region-us-east-1 single-nat

RDS

Managed relational database with backups

engine-postgres instance-lg multi-az

Lambda

Serverless functions with auto-scaling

runtime-nodejs20 mem-512mb timeout-30s

Fargate

Containers without managing servers

mem-1gb cpu-0.5 port-3000 count-2

Object storage with lifecycle rules

acl-private versioned encrypted

DynamoDB

Serverless NoSQL with on-demand scaling

on-demand

ALB

Load balancer for traffic distribution

public

EC2

Virtual servers with custom compute

instance-t3-medium storage-50gb

Security configured

Encryption, IAM roles, security groups, and secrets management.

Copy and deploy

Download the generated files and run terraform apply.