Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Navi AiNew to Visual Studio Code? Get it now.
Navi Ai

Navi Ai

Amanblaze

|
55 installs
| (1) | Free
Auto-generate full stack project structure with boilerplate code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🧭 Navi Ai: The Ultimate Full-Stack Project Generator

Version Installs Rating License: MIT

Navi Ai is a high-performance VS Code extension designed to accelerate your development workflow. By answering a few simple questions, Navi auto-generates a production-ready, full-stack project structure complete with boilerplate code, authentication, database integration, and more.


⚡ Key Features

  • 🎯 Intelligent Scaffolding: Context-aware project structure generation based on your technology choices.
  • 🏗️ Multi-Stack Support: Seamlessly generates projects for MERN, PERN, Django+Vue, Spring Boot+Angular, and more.
  • 🔐 Secure by Default: Built-in JWT and OAuth authentication templates.
  • 💳 Commerce Ready: Pre-integrated Stripe and Razorpay payment gateways.
  • 🐳 Cloud Native: Automatic generation of Dockerfile, docker-compose.yml, and CI/CD workflows.
  • 📚 Self-Documenting: Auto-generated Swagger/OpenAPI documentation for all backend routes.

📂 Supported Technologies

Layer Technologies
Frontend React, Vue, Angular, Svelte, Next.js, Vite, VanillaJS
Styling Tailwind CSS, Bootstrap, Material UI, ShadCN UI, Saas
Backend Node.js (Express, Fastify), Python (FastAPI, Django), Java (Spring Boot), PHP (Laravel), Go (Gin), Ruby (Rails), .NET
Database MongoDB, PostgreSQL, MySQL, SQLite, Firebase, Supabase
ORM Prisma, Mongoose, TypeORM, Sequelize, Hibernate, Drizzile

🚀 How to Use

Once you have installed Navi Ai from the VS Code Marketplace, you can start generating projects in two ways:

1. via Command Palette

  1. Open the Command Palette by pressing Ctrl+Shift+P (or Cmd+Shift+P on macOS).
  2. Type Navi: Create New Project and press Enter.
  3. Follow the interactive UI to configure your project.

2. via File Explorer (Right-Click)

  1. In the VS Code Explorer, right-click on any empty area or a folder where you want to create your project.
  2. Select 🧭 Navi: Create New Project from the context menu.
  3. Fill in your project details and click Generate 🚀.

🏗️ Generated Architecture

Every project generated by Navi follows industry best practices:

my-project/
├── backend/          # Robust API layer with service-controller pattern
├── frontend/         # Modern UI with atomic component structure
├── .env/             # Secure environment management
├── docs/             # Auto-generated API documentation
└── config/           # Centralized system configurations

📄 License & Legal

This project is licensed under the MIT License.

[!CAUTION] Navi is a professional open-source tool. While we encourage contributions and personal use, modification and redistribution for the purpose of deceptive publishing or fraudulent claims of ownership is illegal and strictly prohibited.


Developed with ❤️ by Rauheen Hasan at Amanblaze 🧭

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft