Building web apps

Select Web in the platform toggle, describe what you want, and get a modern, responsive web application with a live preview.

Getting started

"Build a project management dashboard with:
- Kanban board with drag-and-drop
- Project list with status indicators
- Team member assignment
- Due date tracking
- Dark mode support"

Styling

Specify your design preferences directly in the prompt:

"Use these brand colors:
- Primary: #6366f1 (indigo)
- Background: #f8fafc (light gray)
Make the sidebar dark with light text.
Use rounded corners on all cards."

Apps are responsive by default. Be specific if you need particular behavior:

"On mobile, stack the sidebar below the main content"

Common patterns

Pattern	Example prompt
Dashboard	"Fixed sidebar, top header with search, main content with metric cards. Sidebar becomes hamburger menu on mobile."
Data table	"Sortable columns, search, pagination, row selection, export to CSV"
Multi-step form	"Multi-step onboarding: basic info -> preferences -> confirmation. Progress indicator at top."
Charts	"Line chart showing weekly progress with tooltips and date range picker"

Deployment

You get a live preview URL immediately. When you're ready, publish to production with one click. Add a custom domain through your deployment provider's dashboard.

Example prompts

SaaS dashboard:

"Analytics dashboard with overview metrics, line chart for trends,
activity table, date range picker, and export button"

Portfolio site:

"Portfolio with hero section, project gallery with filters,
about page with timeline, contact form, smooth scroll navigation"

Admin panel:

"User management CRUD, role-based permissions,
activity logs, system settings, dark mode toggle"