TCMHACK
Social Media Downloader
Social Media Downloader is the simplest, most intuitive way to save your favorite content for offline viewing. It adds a powerful “Download” button directly onto the platforms you use most.
Overview
A streamlined browser extension that bridges social media consumption and offline access. It injects intuitive download controls directly into the interface of supported platforms for a seamless one-click experience.
Key features
Always-on accessibilityThe download trigger is visible whenever a video is detected — no copy-pasting links.
Multiple formatsChoose the quality that fits your needs, from HD to storage-friendly resolutions.
Request dashboardKeep track of your activity with a built-in request log.
Works on Facebook, Instagram and X (Twitter). YouTube is not supported.
Challenges
- 01
Dynamic DOM injection
Keeping the button correctly placed across SPA navigation and infinite scroll with robust MutationObserver handling.
- 02
Platform restrictions
Navigating complex URL structures and data-fetching hurdles while staying fast.
- 03
Content Security Policies
Communicating between content scripts and the server without triggering security blocks.
- 04
Cross-site consistency
A UI that works despite very different layouts on Facebook and Instagram.
Objectives
- 01
Seamless integration with a non-intrusive UI that feels native.
- 02
Server-side efficiency for fetching metadata and direct links across quality presets.
- 03
User transparency through a request history.
- 04
One codebase for three major social networks.
Outcome
Smart detection of video elements on active tabs.
Choice between high-definition and storage-saving formats.
Lightweight, with no impact on browser speed or page load.
A clean popup that doubles as a download dashboard and extension discovery hub.