Try the editor | Launchlane

AI Editor

Ready when you are

Let’s build your first version.

Explore a sample, change its design, and make it your own. Create an account when you’re ready to build with AI.

A starting point, ready to shapeUse Design controls to change the look

Create a working app or add a feature.

Fine-tune every detail.

Edit your website’s source. Saving creates a new version; your live website stays unchanged until you publish.

File

import {useState} from "react";
import design from "./design.json";
export default function App(){const [status,setStatus]=useState(""); return <div style={{"--accent":design.accent,"--heading-font":design.font==="serif"?"Georgia,serif":"Arial,sans-serif","--radius":design.radius+"px"} as React.CSSProperties}><header><b>{design.title}.</b><a href="#contact">Get in touch ↗</a></header><main><span className="eyebrow">A NEW PERSPECTIVE</span><h1>{design.subtitle}</h1><p>Thoughtful ideas. Beautifully brought to life.</p><a className="button" href="#contact">Let’s work together</a><section className="grid">{["Strategy","Design","Build"].map((name,i)=><article key={name}><small>0{i+1}</small><h2>{name}</h2><p>Carefully considered solutions for your next chapter.</p></article>)}</section><section id="contact"><h2>Let’s start a conversation.</h2><form onSubmit={async e=>{e.preventDefault();setStatus("Sending…");const f=new FormData(e.currentTarget);try{const response=await fetch(import.meta.env.VITE_GATEWAY_URL,{method:"POST",headers:{"Content-Type":"application/json","X-App-Capability":import.meta.env.VITE_APP_CAPABILITY},body:JSON.stringify({collection:"contacts",data:{name:f.get("name"),email:f.get("email"),message:f.get("message")}})});if(!response.ok)throw new Error();setStatus("Thanks! Your message was received.");}catch{setStatus("Could not send. Please try again.");}}}><label>Name<input name="name" required maxLength={80}/></label><label>Email<input name="email" type="email" required/></label><label>Message<textarea name="message" required maxLength={2000}/></label><button>Send message</button><p role="status">{status}</p></form></section></main><footer>{design.title}</footer></div>}

Sample source is read-only. Create a project to edit your own code.

AI and manual changes share the same version history.

AI Editor

Let’s build your first version.

Fine-tune every detail.

Make a strong first impression.

Publishing & domains