DEV – WSC

Code Manager

WSC Google Chrome Extensions

💻 Code Manager

Smarter code blocks on every website — copy, navigate, filter and manage code with one click. Adds a sticky header bar, line numbers, copy tools, comment filtering and block navigation to every code block on every website.

📦 v1.0.2
👤 Felipe Ramirez | WSC
✓ Privacy Safe
🆓 Free
Add to Chrome →
View Product Page →


github.com/example/repo

💻 Active

✓ Code blocks enhanced — copy · navigate · filter
Without Extension

no line numbers · no copy · no nav

↓
With Code Manager ✓

header · numbers · copy · filter · nav

12
Features
All
Sites
Free
Always

🆓Always Free 12Features AllSites 🔒Privacy Safe v1.0.2Latest

⚡ Core Features

Navigation & Display

⚡ Sticky Header, Line Numbers & Navigation

Every code block gets a persistent header bar, automatic line numbers and a block navigator — all working together to make reading and navigating code effortless.

📌 Sticky Header Bar
Every code block gets a persistent header bar that stays visible as you scroll. Shows block number, detected language, line count and all action buttons — always at the top.
🔢 Automatic Line Numbers
Line numbers added automatically to every code block. Numbers align with source lines — wrapped visual lines get no extra number, matching VS Code and GitHub behaviour.
⬆⬇ Block Navigator
A sticky navigator panel on the right side of every block lets you jump to the previous or next code block instantly. No more scrolling to find the next snippet.
▾ Collapse / Expand Blocks
Collapse any code block to just its header bar to reduce clutter on long pages. Expand it again with one click. The header stays sticky so collapsed blocks are always easy to find.

📋 Copy Tools

Productivity

📋 Copy All Blocks & Instant Feedback

Copy individual blocks or every visible code block on the page in one click — formatted and ready to paste anywhere.

📋 Copy All Blocks
Copy every visible code block on the page in one click — formatted with block numbers, language labels, line counts and the page title. A second button copies all blocks with comments stripped.
✅ Instant Copy Feedback
A notification bar slides in at the top of the page after every action — copy, collapse, hide comments and more. Confirms what happened and includes a support link. Dismisses automatically.

🙈 Filtering

Comments & Blank Lines

🙈 Hide Comments & Blank Lines

Filter out noise from code blocks to focus on what matters — toggle comment and blank line visibility per block without affecting line numbers.

🙈 Hide / Show Comments
Toggle comment visibility per block. Full comment lines are hidden entirely. Inline comments hide only the comment portion — the code stays visible. Supports JS, Python, SQL, HTML, Shell and more.
≡ Hide / Show Blank Lines
Hide blank lines to see only active code. Blank lines collapse to zero height — not removed from the DOM so line numbers stay correct and surrounding code does not crush together.

🌐 Compatibility

All Sites

🌐 Works With Your Favourite Sites

Works on static sites, SPAs and dynamically loaded content. Detects new code blocks added by React, Vue, Angular and other frameworks without a page reload.

📚 Documentation Sites

●GitHub & GitLab
●Stack Overflow
●MDN Web Docs
●Dev.to & Medium
📝 More Platforms

●Notion & Confluence
●ReadTheDocs & W3Schools
●freeCodeCamp
●Hundreds more documentation sites
✓ Privacy Safe
🆓 Free

Add to Chrome →

💬 Support & Feedback

We’re Here

💬 Get Help

Questions, help requests, or feature ideas for Code Manager — we’d love to hear from you.

📧 Email Support

Send us your questions or feedback directly.
🌐 Online Resources

🌐 Smart Features

Language & Theme

🌐 Language Detection, Themes & Word Wrap

Code Manager automatically detects programming languages, supports multiple themes and handles long lines gracefully — all configurable from the extension popup.

🌐 Language Detection
Automatically detects the programming language of each block from CSS class names and data attributes. Displays the language label in the header bar — JavaScript, Python, CSS, SQL and dozens more.
🌙 Theme Support
Choose from dark, light and other themes via the extension popup. The selected theme applies instantly to all code blocks on the page and is remembered across sessions.
↵ Word Wrap
Long lines wrap to the next visual line — no horizontal scrolling. Line numbers count source lines only, not visual wrap lines, so the gutter always matches what you see in your editor.
🚀 Works Everywhere
Works on static sites, SPAs and dynamically loaded content. Detects new code blocks added by React, Vue, Angular and other frameworks without a page reload.

⚙️ How It Works

4 Steps

⚙️ Up and Running in 4 Steps

Install once and Code Manager automatically enhances every code block on every page you visit.

1 — Install Extension
Add Code Manager to Chrome in seconds. No sign-up required. Works immediately after installation.
2 — Visit Any Page With Code
The extension automatically detects code blocks and adds a header bar, line numbers and a navigator panel to each one.
3 — Use the Header Bar
Copy the block, copy all blocks, hide comments, hide blank lines, or collapse the block — all from the sticky header that stays at the top.
4 — Paste Anywhere
Paste clean, formatted code into your editor, terminal, notes or anywhere you need it. Block numbers, language labels and line counts included.

❓ FAQ

8 Questions

❓ Frequently Asked Questions

Common questions about Code Manager answered.

🆓 Is Code Manager free?
Yes — completely free to download and use. No hidden costs, no premium tier.
🌐 Does it work on all websites?
It works on most websites with code blocks including GitHub, GitLab, Stack Overflow, MDN, Dev.to, freeCodeCamp and hundreds of documentation sites. Also works on SPAs built with React, Vue and Angular.
🌙 Can I customise the theme?
Yes. Open the extension popup and choose from dark, light and additional themes. Your choice is saved and applied instantly to all code blocks.
🙈 What does Hide Comments do?
Full comment lines are hidden entirely. Lines with code followed by an inline comment hide only the comment portion — the code remains visible. Click again to restore everything.
≡ What does Hide Blank Lines do?
Blank lines collapse to zero height so you see only active code. They are not removed — line numbers stay correct and surrounding code does not crush together. Click again to restore.
🔒 Does it collect my data?
No. Code Manager does not collect, store or transmit any personal data. It works entirely on your device.
⚡ Does it slow down my browser?
No. The extension is lightweight and uses efficient DOM observers. You will not notice any impact on browser speed.
🐛 How do I report a bug?
Contact us at dev_google_chrome@dev.wesimplifycomplexity.com or visit the product page. We read every message.

📦 Installation

2 Methods

📦 How to Install

Choose the installation method that works best for you.

From Chrome Web Store

1Open the Chrome Web Store page for Code Manager.
2Click Add to Chrome.
3Confirm by clicking Add extension.
4Visit any page with code blocks — they are enhanced automatically.
Manual (Developer Mode)

1Download from the product page.
2Extract the ZIP to a folder.
3Go to chrome://extensions/.
4Enable Developer mode.
5Click Load unpacked and select the folder.
6Extension loads and starts working immediately.
✓ Privacy Safe
🆓 Free

Open Chrome Web Store →

👤 Version & Author

v1.0.2

👤 About This Extension

Built by Felipe Ramirez at WSC — We Simplify Complexity.

📦 Extension Details

●Name: Code Manager
●Version: 1.0.2
●Author: Felipe Ramirez | WSC
●Features: 12 tools included
🔗 Links & Socials

●All Chrome Products: Chrome Extensions by WSC
●LinkedIn: Felipe Ramirez
●Twitter / X: @feliperamirex

Free — No Account Required

📋 Get WSC — Code Manager

Free, lightweight and privacy-safe. Adds a sticky header bar, line numbers, copy tools, comment filtering and block navigation to every code block on every website.

Install in seconds. Works immediately on GitHub, Stack Overflow, MDN and hundreds more.

Add to Chrome →
View Product Page →
✅ Always Free
🔒 Privacy Safe
⚡ Works Instantly
💻 12 Features
📦 v1.0.2
☕ Buy Me a Coffee
Built by Felipe Ramirez at WSC — We Simplify Complexity

More Chrome Extensions by WSC

🔗

Link Finder

v1.0.0

Finds and downloads torrent files, magnet links, videos, audio, images, documents and archives from any webpage — in one click.

View Product →
🎬

Video Speed Control

v1.0.2

Control video playback speed, skip forward/backward, loop and capture screenshots on YouTube and 11 other video platforms.

View Product →
🔗

Web Address Fixer

v1.0.6

Automatically repairs broken or obfuscated web addresses. Converts characters like + and * and spaced-out URLs into valid, clickable links.

View Product →
🔍

Inspect Selected Area Code

v1.0.3

Right-click on selected text to view its HTML structure, CSS styles, colors, images and email addresses in a new tab.

View Product →
📱

QR Codes Manager

v1.0.0

Generate a QR code for the current page or any link. Scan, copy, open, or download as PNG. Fast, private, offline.

View Product →
📏

Ruler King

v1.0.0

Pixel-perfect ruler, element measurer, guides, distance tool & screenshot — the ultimate design toolkit for developers and designers.

View Product →