Manifest V3 · Local-First · Zero Telemetry

Your YouTube. Your Atmosphere.

The fail-open browser extension that restyles and re-lays-out desktop YouTube in one click. Pick curated cinema looks, eliminate distractions with Calm Mode, and enjoy deep focus with zero tracking and zero account requirements.

Zero Telemetry or Phone-Home
Fail-Open Architecture
16 Bundled Themes
Local Day/Night Scheduling
Interactive Demo

Experience YouTube with Cinedrape

Click themes below or toggle Calm Mode to see the live interface transform instantly.

Theme:
Cinematic Feature · Curated
Interstellar Visuals & Deep Acoustic Spaces
An exploratory journey through atmospheric film scoring, 4K spatial visuals, and sound design architecture.
Watch Now
Recommended Spotlight
28:45
Nordic Minimalism & Cold Aesthetic Cinema
Cinephile Archives 1.2M views · 3 days ago
14:12
How To Design Unbreakable Manifest V3 Extensions
Engineering Lab 420K views · 2 weeks ago
54:00
Deep Focus Lo-Fi Study Session (No Ads / Clean)
Calm Station 3.8M views · 1 month ago
42:19
Analog Modular Synthesizers in Film Production
Sonic Architecture 85K views · 5 days ago
Designed for Focus & Aesthetics

Everything you need.
Nothing you don't.

Cinedrape re-imagines desktop YouTube as a calm, beautiful personal theater. Built with precision engineering, local privacy, and fail-open guarantees.

16 Bundled Themes

From pitch-black OLED to retro terminal green phosphor, warm Paper Study, pastel Sunset, and icy Frost. Every theme is bundled as pure JSON data with zero runtime downloads.

OLED Black Cinema Gold Retro Terminal Matcha Paper Study

Calm Mode (Focus & Study)

Tired of dopamine-fueled algorithmic traps? Hide recommendation sidebars, collapse comment sections, hide view counts, and eliminate notification badges in one click.

Hide Recommendations Silence Metrics Hide Comments Anti-Distraction

Custom Layouts & Density

Switch between curated Cinema Hero rows and clean grid layouts. Adjust card density from 1 (cozy & compact) to 5 (roomy) perfectly tailored to ultrawide monitors or compact laptops.

Hero Rows Cinema Watch Mode 5 Density Levels Ultrawide Friendly

Fail-Open Architecture

If YouTube updates its internal DOM or element names, Cinedrape safely and gracefully turns off only affected styling. Your video playback, player controls, and ads are never broken.

Zero Player Breakage Signed Selector Map Ad-Safe Validator

Local Day/Night Scheduling

Enjoy Paper Study or Matcha during bright daylight hours, and automatically transition to True Black or Midnight Cinema at sunset. Handled 100% locally on your computer.

Zero Server Lookups Automatic Transition Saved Profiles

Visual Studio & Theme Editor

Create your own bespoke YouTube themes. Adjust background surfaces, accent highlights, typography, corner radii, and drop shadows in real-time. Export and share as JSON.

Visual Color Pickers JSON Import / Export Live Preview
Privacy By Design

Built with strict Local-First integrity

Most browser extensions silently track your browsing history or call remote APIs. Cinedrape was engineered from line 1 with zero network calls and strict sandboxing.

Security & Privacy Vector Cinedrape Standard Browser Extensions
Telemetry & Analytics ✓ Zero (0 network requests in content script) ✗ Google Analytics, Mixpanel, Sentry telemetry
Account Requirement ✓ None (Runs 100% on-device) ✗ Mandatory cloud account & email logins
Ad & Player Safety ✓ Strict Validator (Cannot hide ads or player) ✗ Unchecked CSS often breaks player & monetisation
Failure Handling ✓ Fail-Open (Reverts to standard YouTube on error) ✗ Leaves broken layouts and unplayable video pages
Executable Code Storage ✓ Pure JSON Data (0 eval, 0 new Function) ✗ Remote code scripts, eval(), unvetted injections
DOM Compatibility Updates ✓ ECDSA Signed Map (Cryptographically verified) ✗ Unsigned hardcoded scraper selectors
Get Started

Install in under 60 seconds

Install in one click from the Microsoft Edge Add-ons or Firefox Add-ons stores, or build from source for Chrome, Brave, and friends. 100% free — all 16 themes, layouts, and calm mode filters included.

Microsoft Edge users: install directly from the store — no build tools required. Chrome and Brave users: load the unpacked build with the steps below.

  1. 1

    Download or Build the Extension

    Download the latest release archive from GitHub, or clone and build locally:

    git clone https://github.com/JDamour/Cinedrape.git && cd Cinedrape && npm install && npm run build
  2. 2

    Open Extensions in Your Browser

    Navigate to chrome://extensions in Chrome/Brave or edge://extensions in Microsoft Edge. Switch on the Developer mode toggle.

  3. 3

    Load Unpacked

    Click Load unpacked and select the dist/ folder (or dist-edge/ for Edge). Navigate to youtube.com and click the Cinedrape icon in your toolbar!

Recommended: install from Mozilla Add-ons (AMO) for automatic updates. Prefer running from source? Load a temporary add-on with the steps below.

  1. 1

    Build for Firefox

    Cinedrape includes dedicated Firefox Manifest V3 target builds:

    npm run build:firefox
  2. 2

    Open Firefox Debugging

    In Firefox, enter about:debugging#/runtime/this-firefox into the address bar.

  3. 3

    Load Temporary Add-on

    Click Load Temporary Add-on... and select dist-firefox/manifest.json.

  1. 1

    Clone & Build Strictly

    npm install && npm run build:strict
  2. 2

    Run Test Suite (2062 automated checks)

    npm test
  3. 3

    Package Multi-Browser Release Archives (Chrome, Edge & Firefox)

    Build and package clean store-ready archives into release/:

    npm run package:dev
Questions & Answers

Frequently Asked Questions

Everything you need to know about Cinedrape, how it works, and our privacy commitments.

No. Cinedrape is not an ad blocker. Our built-in CSS validator strictly refuses any rules or selectors that could hide, collapse, cover, or interfere with advertisements, sponsorship disclosures, or video player controls. Creators earn their revenue normally.

No. Cinedrape applies styles via high-performance CSS custom properties (variables) injected once into the page root. We avoid heavy JavaScript mutation loops. In fact, Calm Mode often speeds up page responsiveness by hiding dynamic comment threads and endless recommendations.

Cinedrape uses a dual protection model: First, all selectors are separated into an ECDSA-signed selector map. Second, our fail-open health monitor continuously checks whether expected elements are present. If YouTube introduces an incompatible DOM change, Cinedrape gracefully turns off only the affected layout component and keeps the rest of YouTube functioning normally.

Never. Cinedrape has zero telemetry, zero analytics scripts, and zero tracking pixels. The content script and popup contains no external network requests. Everything is stored purely locally on your device in sandboxed browser storage.

Yes! With Cinedrape's built-in Visual Theme Editor, you can customize color tokens, background surfaces, font scales, card border curves, and spacing. You can save your custom themes locally and export them as clean JSON files to back up or share.

Yes — 100% free! All 16 handcrafted themes, custom layouts, Calm Mode distraction filters, saved profiles, time-based scheduling, and the Visual Theme Studio are unlocked for everyone with no account required. If Cinedrape improves your daily YouTube experience, you can optionally support ongoing maintenance and new themes via voluntary community support.

Transform your YouTube experience today.

All 16 cinematic themes, layouts, and Calm Mode filters are 100% free. Star the repository or sponsor the developer on GitHub to help keep Cinedrape thriving.