Create Your First Project

The chat panel is where you communicate with the AI. This is your primary tool for building.

What you can do:

• Describe what you want to build
• Ask for changes to existing elements
• Request new pages or sections
• Ask questions about your project

Pro tip: Be conversational! The AI remembers context, so you can say "make that bigger" after creating something.

The live preview shows your website as it's being built. It updates in real-time as the AI makes changes.

Features:

• Responsive toggle: Switch between desktop, tablet, and mobile views
• Refresh button: Force a preview refresh if needed
• Open in new tab: View your site in a full browser window

See all the files in your project:

• src/: Your website source code
• public/: Static assets (images, fonts)
• package.json: Project dependencies

You can click any file to view its contents, though we recommend letting the AI handle the code.

The best way to start is with a comprehensive initial prompt. Include:

1. Type of website: Portfolio, landing page, blog, etc.
2. Visual style: Dark, minimal, colorful, corporate
3. Key sections: Hero, features, pricing, contact
4. Special requirements: Animations, specific colors, mobile-first

Example:

"Build a SaaS landing page for a project management tool called 'TaskFlow'. Include a hero with a product screenshot, a features section with 4 cards, pricing (free and pro tiers), testimonials, and a footer. Use a blue and white color scheme with subtle shadows and modern typography."

After the initial generation, refine your website through conversation:

Layout changes:

• "Move the pricing section above testimonials"
• "Make the hero section taller"
• "Add more padding around the feature cards"

Visual changes:

• "Change the primary color to purple"
• "Make the headings bolder"
• "Add a gradient background to the hero"

Content changes:

• "Update the headline to 'Ship Faster with TaskFlow'"
• "Add a third pricing tier called 'Enterprise'"
• "Change the testimonial quotes"

Expand your website with additional pages:

"Create an About page with our team section, company history, and values"

"Add a Blog page that lists articles from the database"

The AI will create the new page and add navigation links automatically.

When you're ready to go live:

Want to use your own domain? See our Custom Domains guide for setup instructions.