Welcome to Lyna

Lyna is a browser-based development platform that puts a visual editor, code editor, and AI assistant in one place. You design on a canvas, write code in Monaco, and talk to AI to build React + Tailwind apps. No tool-switching, no boilerplate.

Works for quick prototypes and production SaaS apps alike. Visual edits update the code. Code changes show on the canvas. AI understands both.

---

Why use Lyna

• Go from idea to working app in minutes. Describe what you want in the AI chat, refine it on the canvas, fine-tune in code. One workspace, zero context switching.

• Visual + Code + AI in one place. Most tools make you pick between a visual builder and a code editor. Lyna gives you both, plus three AI chat modes (Build, Ask, Plan) that understand your entire project. Choose from Lyna, GitHub Copilot, Claude Code, OpenAI Codex, or bring your own keys for 67+ providers. Edit in one surface and the others update instantly.

• Standard code, no lock-in. Lyna generates React 19, Next.js 16, TypeScript, and Tailwind CSS 4. Every project is a real Git repo. Push to GitHub, deploy anywhere, continue in any editor.

---

Who Lyna is for

Individual builders: Designers, indie hackers, and entrepreneurs who want to ship real apps without assembling a dev team. Lyna handles the scaffolding so you focus on your product.

Design and product teams: Product managers and designers who need more than static mockups. Import Figma designs, iterate on the canvas, and hand off production-ready code to engineering.

Developers and agencies: Full-stack devs and agencies looking to move faster. Code editor and AI for complex logic, visual editor for layout, publish to Lyna Cloud or push to GitHub and deploy wherever you want.

Students and educators: People learning web development. Lyna gives you a real dev environment with AI help, so you learn React, TypeScript, and modern CSS by building actual projects.

---

What you can build

SaaS applications: Auth, databases, payments, dashboards. Connect Supabase for your backend and Stripe for billing without leaving the platform.

Landing pages and marketing sites: Use the block inserter's pre-made sections for hero, pricing, testimonials, and CTAs. Publish to a custom domain in minutes.

Internal tools and dashboards: Admin panels, data dashboards, operational tools. Wire up database queries and display results in tables, charts, and forms.

E-commerce stores: Product catalogs, carts, checkout flows. Stripe integration plus Supabase storage for product images and inventory.

Portfolio websites: Personal sites and creative portfolios. Visual editor for pixel-level control, custom fonts, and shadcn component library themes.

Prototypes and MVPs: Start from a template or describe your vision to the AI, iterate until it ships. Clone projects from the Explore gallery for a head start.

---

How it fits into your workflow

1. Start a project: Blank canvas, template, or Figma import. Describe your app to the AI and it scaffolds the initial structure.

2. Design and build: Switch freely between visual editor, code editor, and AI chat. Drag components from the block inserter, tweak styles in the panel, or ask AI to implement a feature. Use breakpoints and multi-frame preview to check every screen size.

3. Integrate services: Supabase for database and auth, GitHub for version control, Stripe for payments, MCP servers to extend AI capabilities. Manage branches, review diffs, and collaborate in real time.

4. Publish and iterate: Run the publish wizard with built-in security scanning, deploy to Lyna Cloud, connect a custom domain. Your app is always one commit away from production.

---

Next steps