| FazBrowse GitHub Viewer | Trending | | Home |
| Tools: [Download Repo ZIP] [Original HTTPS Page] |
| Name | Name | Last commit date | ||
|---|---|---|---|---|
Transform your codebase into a clean, semantic architecture map.
Mapify is a powerful VS Code extension that converts complex project structures into readable, architecture-aware project maps with intelligent semantic labels.
Instead of showing only raw folders and files, Mapify understands common software architecture patterns and explains the purpose of directories inside your codebase.
Perfect for:
Mapify doesn't just print folders.
It recognizes architectural patterns like:
controllers/ ← request handlers
services/ ← business logic
components/ ← UI components
hooks/ ← React hooks
repositories/ ← data access
auth/ ← authenticationIt transforms raw filesystem structures into understandable software architecture.
Generate clean project maps instantly.
Example:
my-app/ [next.js app]
├── app/ ← pages / views
├── components/ ← UI components
├── hooks/ ← React hooks
├── lib/ ← utilities
├── services/ ← business logic
├── prisma/ ← ORM layer
├── public/ ← static assets
├── styles/ ← styles
├── package.json
└── tsconfig.json
8 directories, 12 files
Project type: next.js appMapify is designed for the AI era.
Instantly generate structured codebase context for tools like:
Instead of manually explaining your project architecture, Mapify generates a clean project overview automatically.
Mapify intelligently detects technologies based on known project files.
| File Detected | Project Type |
|---|---|
| package.json | Node project |
| pom.xml | Java / Maven |
| requirements.txt | Python project |
| go.mod | Go module |
| schema.prisma | Prisma ORM |
| next.config.js | Next.js app |
| docker-compose.yml | Docker services |
| main.tf | Terraform |
| manage.py | Django app |
And many more.
Generate maps directly from the VS Code Explorer.
Mapify: Generate Map from HereOr use:
Ctrl + Shift + P
→ Mapify: Generate Project MapSearch for:
MapifyOr install directly from the marketplace.
Ctrl + Shift + PMapify: Generate Project MapMapify: Generate Map from HereMapify provides several configurable options.
Controls maximum folder depth displayed.
"mapify.maxDepth": 4Enable or disable semantic folder labels.
"mapify.showSemanticLabels": trueAutomatically copy generated map to clipboard.
"mapify.copyToClipboard": trueMapify recognizes many common architectural conventions.
| Folder | Meaning |
|---|---|
| components | UI components |
| hooks | React hooks |
| pages | Pages / views |
| styles | Styling |
| assets | Static assets |
| Folder | Meaning |
|---|---|
| controllers | Request handlers |
| services | Business logic |
| repositories | Data access |
| middleware | Middleware |
| graphql | GraphQL layer |
| Folder | Meaning |
|---|---|
| migrations | DB migrations |
| seeds | Seed data |
| prisma | ORM layer |
| Folder | Meaning |
|---|---|
| docker | Containers |
| infra | Infrastructure |
| deploy | Deployment |
| config | Configuration |
Mapify automatically ignores unnecessary folders and generated artifacts.
Examples:
node_modules
.git
dist
build
coverage
.cache
.next
target
venvThis keeps output clean and focused.
Modern codebases are huge.
Understanding architecture quickly has become difficult.
Mapify helps developers:
Instead of reading hundreds of folders manually, Mapify gives you a clean architectural overview instantly.
Paste generated project maps into AI tools for better coding assistance.
Help new developers understand project architecture quickly.
Improve contributor experience by exposing project structure clearly.
Generate architecture trees for README files and docs.
Understand complex repositories faster.
Mapify is built around three core systems:
extension.js → VS Code integration
tree.js → recursive tree generation
semantics.js → semantic architecture understandingPlanned future features:
git clone https://github.com/BHARGAV-RUE/Mapify.git
cd Mapifynpm installPress:
F5This launches the VS Code Extension Development Host.
backend/ [java / maven]
├── controllers/ ← request handlers
├── services/ ← business logic
├── repositories/ ← data access
├── auth/ ← auth
├── config/ ← config
├── migrations/ ← DB migrations
├── pom.xml
└── application.yml
6 directories, 8 files
Project type: java / mavenContributions, ideas, and feedback are welcome.
Feel free to:
MIT License
If you like Mapify:
Understand your codebase at a glance.
| Back | FazBrowse Home | New Git URL |