Username: trizist Request: Add Bolt.new overview with social preview image to README
- Added social preview image reference (./public/social_preview_index.jpg) for Bolt.new.
- Included a detailed section in README about Bolt.new, covering its purpose, unique features, tips and tricks, and FAQs.
- Linked to CONTRIBUTING.md for developers interested in contributing to the open-source codebase.
Related to: https://bolt.new
Bolt.new is an AI-powered web development agent that lets you prompt, run, edit, and deploy full-stack applications directly from your browser—no local setup required. If you’re here to build your own AI-powered web dev agent using the Bolt open-source codebase, click here to get started!
While tools like Claude and v0 are incredible, they don’t let you install packages, run backends, or edit code directly. Bolt.new stands out with:
-
Full-Stack in the Browser: Powered by StackBlitz’s WebContainers, Bolt.new integrates cutting-edge AI models with an in-browser development environment. You can:
- Install and run npm tools and libraries (e.g., Vite, Next.js, and more)
- Run Node.js servers
- Interact with third-party APIs
- Deploy to production from chat
- Share your work via a URL
-
AI with Environment Control: Unlike traditional dev environments where AI only assists with code generation, Bolt.new gives AI models complete control over the filesystem, node server, package manager, terminal, and browser console. This empowers AI agents to manage the entire app lifecycle—from creation to deployment.
Whether you’re an experienced developer, a product manager, or a designer, Bolt.new makes it easy to build production-grade full-stack applications. For developers interested in creating their own AI-powered tools with WebContainers, explore the open-source Bolt codebase in this repo!
Maximize your Bolt.new experience with these tips:
- Be specific about your stack: Mention frameworks or libraries (e.g., Astro, Tailwind, ShadCN) in your initial prompt to ensure Bolt scaffolds your project correctly.
- Use the enhance prompt icon: Click the 'enhance' icon before submitting your prompt to refine it with AI assistance, then tweak as needed.
- Scaffold basics first, then add features: Establish your app’s core structure before adding advanced functionality—this helps Bolt wire everything up properly.
- Batch simple instructions: Combine tasks like changing the color scheme, adding mobile responsiveness, and restarting the dev server into one prompt to save time and API credits.
Where do I sign up for a paid plan?
Bolt.new is free to start. For more AI tokens or private projects, purchase a subscription in your Bolt.new settings (lower-left corner).
What happens if I hit the free usage limit?
AI interactions pause until the next day or until you upgrade your plan.
Is Bolt in beta?
Yes, Bolt.new is in beta, and we’re improving it based on feedback.
How can I report Bolt.new issues?
Visit the Issues section to report problems or request features. Search first to avoid duplicates.
What frameworks/libraries work on Bolt?
Bolt.new supports most popular JavaScript frameworks and libraries that run on StackBlitz.
How can I ensure my framework/project works well in Bolt?
We’re eager to collaborate with the JavaScript ecosystem. Contact us at hello@stackblitz.com to discuss partnerships!