๐งญ Tell Your Projectโs Story with StoryGuide Icons in VS Code


๐ฅ Give your folders meaning. Let your codebase speak.
If youโve ever found yourself lost in a maze of folders while working in Visual Studio Code, you're not alone. Navigating large codebases can be a chore, especially when every folder looks the same. That's where StoryGuide Icons steps in โ a fresh, narrative-driven take on file organization.
๐ What Is StoryGuide Icons?
StoryGuide Icons is a free VS Code extension developed by Amanpandey that dynamically assigns emoji-based icons to folders based on their context, workflow role, and even current Git status. It turns your folder structure into a visual story โ one thatโs instantly readable and easy to follow.
๐ฏ Why You Should Try It
๐ง Context-Aware: Folders like
src
,test
, ordocs
get meaningful icons like ๐ก, โ , or ๐.๐ Dynamic: Icons update in real-time with Git changes or workflow stages.
๐งญ Intuitive Navigation: Instantly recognize what each folder represents.
๐ Visual Storytelling: Your project becomes more than just code โ it becomes a narrative.
๐ ๏ธ Customization (coming soon): Map your own icons and project types.
๐ How Does It Work?
Behind the scenes, StoryGuide Icons:
Analyzes folder names, some file contents, and Git metadata.
Assigns relevant emojis to each folder.
Updates icons automatically as your project evolves.
Example Mappings
Folder | Icon | Description |
src/ | ๐ก or ๐๏ธ | Source code, idea, construction |
tests/ | โ or ๐งช | Test suite, quality assurance |
feature-branch/ | โจ or ๐ง | New feature, WIP, Git-aware |
โ๏ธ Getting Started
๐งฉ Installation
Open VS Code.
Launch Quick Open with
Ctrl+P
.Paste this:
ext install Amanpandey.storyguide-icons
Hit Enter and you're good to go.
๐ง Configuration Options
Go to Settings (Ctrl+,
) and search for storyguide-icons
:
enableEmojiDecorations
(default:true
)projectTypePresets
for future custom setups
๐ช Commands
- StoryGuide: Refresh Icons โ Re-analyze and update all folder icons manually.
๐ค Want to Contribute?
Youโre welcome to jump in with suggestions or pull requests. Letโs make VS Code friendlier โ one emoji at a time.
๐ [GitHub Repository (Coming Soon)]
๐ฌ Reach out to @Amanpandey for ideas and feedback.
๐ Share It, Star It, Use It
This extension is a must-have for:
Frontend and backend devs
Students organizing messy project folders
Teams who want visual clarity
Anyone who lives in VS Code and loves efficiency
โ Try it now and bring your project to life.
Subscribe to my newsletter
Read articles from Aman Pandey directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by

Aman Pandey
Aman Pandey
I am a passionate software engineer specializing in backend development, and full-stack solutions. With expertise in Amazon Web Services (AWS), SQL & Databases, JavaScript, TypeScript, and Python, I build scalable, efficient, and high-performance applications. Currently pursuing Computer Science at Lovely Professional University, I thrive on solving complex challenges and delivering impactful solutions. Always open to collaborations, freelance projects, and tech discussions! ๐