folderfixer

Folder Structure Fixer

Folder Structure Fixer is a VS Code extension that automatically organizes messy React/TypeScript projects into a clean, scalable folder structure.

Instead of manually moving files and creating folders, this extension analyzes your project and places files where they belong based on simple architectural rules.

What It Does

Creates a proper project structure if missing

Respects existing folders (no duplicates)

Moves files to the correct location automatically

Works on already messy projects or fresh ones

Runs with a single keyboard shortcut

Folder Structure Enforced

src/ ├─ components/ │ └─ ui/ ├─ hooks/ ├─ utils/ ├─ types/ ├─ assets/ ├─ lib/ └─ redux/ └─ axios/

How to Use

Simply Press: Ctrl + Shift + O The extension will organize your project instantly.

You can also run from the Command Palette:

Organize React Folder Structure

Smart Behavior

Detects whether src/ exists

Does not recreate existing folders

Does not move protected root files

Avoids moving files already in the correct folder

Who This Is For

React / Next.js developers

Beginners with messy folder structures

Developers starting new projects

Teams that want consistent architecture

Goal

This extension acts like ESLint for your project structure — enforcing clean architecture automatically.

Note

This is an evolving tool. There will be future updates.