Bolt.new
AI Full-Stack App Builder in Your Browser
What is Bolt.new?
Bolt.new is StackBlitz's AI-powered app builder that scaffolds, edits, and deploys full-stack web applications entirely in the browser. Bolt.new uses WebContainers to run Node.js, install npm packages, and execute your app inside the browser tab, so there is no local environment to configure. Describe an app idea to Bolt.new and it generates the file structure, writes the code, installs dependencies, and shows a live preview. Bolt.new supports React, Next.js, Vue, Svelte, Astro, Remix, and vanilla JS, and can deploy directly to Netlify. For founders and developers who want to go from idea to working prototype in minutes, Bolt.new removes every setup hurdle that normally slows you down.
Key Features of Bolt.new
Browser-Based Runtime
Bolt.new runs Node.js inside your browser via WebContainers. There is no local install, no Docker, no setup; Bolt.new spins up your full stack the moment you open a tab.
Full-Stack Code Generation
Describe an app and Bolt.new scaffolds frontend, backend, and database wiring. Bolt.new picks sensible defaults like React plus Express plus SQLite and builds working endpoints.
Multi-Framework Support
Bolt.new supports React, Next.js, Vue, Svelte, Astro, Remix, Vite, and plain JavaScript. Pick your stack at the start or let Bolt.new choose based on your description.
Live Preview and Edit
Every Bolt.new change is reflected in a live preview pane instantly. Click into the file tree to edit code directly, or prompt Bolt.new for additional changes via chat.
One-Click Netlify Deploy
When your Bolt.new prototype works, click Deploy to push it to Netlify in seconds. You get a public URL without leaving the Bolt.new tab or configuring CI.
Import from GitHub
Bolt.new can import existing GitHub repos and continue working on them. Use Bolt.new to add features to projects you started elsewhere without losing context.
Bolt.new Pricing Plans
Free
Daily token limit of Bolt.new generations with public projects. Great for trying Bolt.new and building small prototypes without paying.
Pro
10M tokens per month with Bolt.new private projects and rollback. The standard plan for indie developers shipping prototypes regularly.
Teams
Bolt.new with team collaboration, centralized billing, and shared projects. Suited for small product teams iterating on prototypes together.
Best Use Cases for Bolt.new
Validating a Product Idea
- Target user:
- Solo founder testing a SaaS concept
- Pain point:
- Setting up a Next.js project and auth takes a day before you write business logic
- Solution:
- Describe the app to Bolt.new and get a working prototype with auth in 10 minutes. Show users the live URL before investing further.
Building a Hackathon Demo
- Target user:
- Hackathon team with 24 hours
- Pain point:
- Half the team's time goes to setup, dependency conflicts, and deploy configuration
- Solution:
- Use Bolt.new to scaffold the app and deploy to Netlify in minutes. Spend the saved hours on the actual hack and a polished demo.
Teaching Web Development
- Target user:
- Bootcamp instructor running a workshop
- Pain point:
- Students arrive with different operating systems and broken local environments
- Solution:
- Have everyone use the platform in the browser. The environment is identical for all students, and this tool shows working code instantly.
Prototyping for a Client Pitch
- Target user:
- Agency developer pitching a client
- Pain point:
- Static mocks don't convey interaction; full builds are too expensive pre-contract
- Solution:
- Build an interactive the app prototype during the discovery call. Show the client a live URL by the end of the meeting.
How to Use Bolt.new — Step by Step
- 1
Open the platform
Visit this tool in any modern browser. No install or signup is required to start trying the app on a small project right away.
- 2
Describe Your App
Type a one-paragraph description of the app you want. Bolt.new generates the project structure, code, and dependencies in a few seconds.
- 3
Watch the Live Preview
the platform installs packages and starts the dev server inside the browser. The preview pane shows the working app and updates as code changes.
- 4
Iterate via Chat
Ask this tool for feature changes in plain English: 'add a login page' or 'connect a Postgres database'. Bolt.new applies edits across files.
- 5
Deploy to Netlify
Click Deploy in the app to push your project to Netlify. You receive a public URL you can share with users or stakeholders immediately.
Bolt.new vs Alternatives
Bolt.new FAQ
Related Code & Development Tools
Claude Code
Code & DevelopmentAnthropic's Agentic Coding Assistant for the Terminal
Cursor
Code & DevelopmentThe AI-First Code Editor Built for Pair Programming
GitHub Copilot
Code & DevelopmentAI Pair Programmer Built Into Your Editor
v0
Code & DevelopmentAI-Powered UI Generator from Vercel