Skip to content

Glitch-SaaS/Bolt-Clone

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚡ Bolt - Transform Ideas into Websites

image

Stars Forks Issues


🌟 Overview

Bolt is a dynamic web-based platform where you can generate complete websites from simple prompts.
Enter your idea ➝ Get a fully functional website generated by LLM ➝ See it running with StackBlitz WebContainer ➝ Make edits in real-time ➝ Download the complete source code as a ZIP.

It's designed for developers, designers, and entrepreneurs who want to quickly prototype ideas and turn concepts into working websites.


🚀 Features

🧠 Prompt to Website

  • Enter a natural language prompt like "create an e-commerce homepage" and watch as Gemini LLM generates the complete website code.

⚡ Live Website Preview

  • Your generated website instantly comes to life in the browser using StackBlitz WebContainer.
  • No deployments or server setups needed.

✍️ Code Editor

  • Built-in editor lets you tweak and refine your website code with real-time updates.

📦 Download ZIP

  • Export the complete project as a ZIP file to continue development in your preferred environment.

📁 Step View

  • View a detailed breakdown of your website's components and understand how they work together.

💻 Tech Stack

Category Technology
Frontend React, TypeScript, TailwindCSS
Animations Framer Motion
Backend Express.js
AI Integration Google Gemini API
Live Preview StackBlitz WebContainer
Env Vars .env for Gemini API key

📥 Installation

  1. Clone the repository

    git clone https://github.com/PankajKumardev/Bolt-Clone.git
    cd bolt
  2. Install dependencies

    • For frontend:
      cd client
      npm install
    • For backend:
      cd server
      npm install
  3. Setup environment variables

    • In the backend directory, create a .env file:
      GEMINI_API_KEY=your-google-gemini-api-key
      
  4. Run the project

    • Start the backend:
      cd server
      npm run start
    • Start the frontend:
      cd client
      npm run dev

🤝 Contribution Guidelines

🌱 How to Get Involved

  1. Fork the repo
  2. Clone your fork
    git clone https://github.com/your-username/Bolt-Clone.git
  3. Create a branch
    git checkout -b feature/<your-feature>
  4. Make changes and commit
    git add .
    git commit -m "feat: added new feature"
  5. Push and raise PR
    git push origin feature/<your-feature>

📌 Suggestions to Contribute

  • Add support for more languages.
  • Improve UX for file switching and previews.
  • Add project saving with local storage or cloud.
  • Build an authentication flow to save past prompts.

🌟 Show Support

If you find Bolt useful, please ⭐ star the repo and share it!

Stargazers
Forks


🛡 License

Bolt is released under the MIT License.
Use it freely, tweak it wildly, and ship cool stuff!


📖 Changelog

See CHANGELOG.md for updates and patch history.


📬 Contact

Have ideas, feedback, or want to collab?


Made with 💡 using React, Gemini, Express, and pure AI magic ✨

About

⚡ Bolt - Transform Ideas into Websites

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.4%
  • JavaScript 2.0%
  • CSS 1.7%
  • HTML 0.9%