Master Your Folder Structure
FolderIO helps developers visualize project architecture and rename assets in bulk. Here is how to get the most out of it.
1. The Structure Generator
Visualize and export project boilerplate.
ADefine Structure
Type your structure manually using standard characters like /, |--, or └──.
BImport & Export
- Import Folder: Drag & drop a real folder to generate its text map.
- Download ZIP: Get a zip file with empty placeholder files.
Common Scenarios
public/
│ index.html
│ style.css
└── js/
└── app.js
project/
│ main.py
│ requirements.txt
└── src/
└── utils.py
components/
└── Button/
├── index.tsx
└── style.css
Generator FAQ
Can I generate empty folders?
Yes. Just end the line with a slash (e.g., `images/`) and it will be created as a folder even if it has no children.
Does it support nested folders?
Absolutely. You can nest as deep as you like using indentation or the pipe/slash characters.
2. The Bulk Renamer
Rename thousands of assets in seconds.
Scenario 1: Numbering Files
Scenario 2: Cleaning Up & Re-Labeling
You have files with messy names and want to replace them entirely with a clean sequence.
2. Add Prefix: Design_
3. Click Number Files
Scenario 3: Unlocked Mode
Best for changing extensions (e.g. .jpeg → .jpg).
- Edit entire filename.
- "Clear Names" wipes the extension too.
Scenario 4: Locked Mode
Protects file types. Default setting.
- Edit only the filename part.
- "Clear Names" keeps the extension.
Renamer FAQ
Does this change the files on my computer?
No. The renaming happens in the browser memory. You must click "Download ZIP" to get the renamed files.
What happens to files with no extension?
Files without extensions (like `LICENSE` or `Dockerfile`) are treated as pure filenames. They are not affected by the extension lock.