n8n Prime Playground

🎉 UPDATE v2.22.0 - The Compatibility & Security Update Full n8n v2.22.0 Support: Completely patched all visual regressions and layout breaks caused by n8n's newest native update. Brand New Name: We are officially now n8n Prime Playground! Security First: We completely removed the tabs permission. n8n Prime Playground is the only Chrome extension that adds visual themes, UI customization, and a production safety system to n8n — the open-source workflow automation platform. Transform your n8n interface from a flat grey editor into a fully customized visual environment. Change themes, fonts, colors, node styles, canvas wallpapers, and execution state indicators — all from a single extension popup. ────────────────────────────────────── 🚨 n8n PRODUCTION SAFETY INDICATOR ────────────────────────────────────── The most important feature in n8n Playground isn't visual — it's protective. When you open an n8n workflow that is Published and Active, the extension immediately fires a hard red border across the entire n8n interface with a "🔥 LIVE MODE 🔥" banner. You will never accidentally edit a live, running n8n workflow without knowing it. Draft and unpublished n8n workflows display a calm blue DEVELOPER indicator. Switch between environments instantly and always know exactly what state your workflow is in. After every n8n workflow execution, connector lines turn green for successful paths and red for errors — visual debugging directly on the n8n canvas, no logs required. ────────────────────────────────────── 🎨 n8n THEMES — NINE VISUAL ENVIRONMENTS ────────────────────────────────────── Nine hand-crafted n8n themes that simultaneously restyle every surface of the n8n UI: the overview dashboard, workflow canvas, project cards, execution statistics, sidebar, and animated insight circles. n8n Theme List: - Black & White — Monochrome n8n UI (FREE) - Warm Glow — Amber-toned n8n interface (FREE) - Cyberpunk — Neon pink-purple n8n dark theme (PRO) - Radiation Reactor — Toxic green n8n theme with animated orbital stat rings (PRO) - Sea Side Dev — Aqua and cyan n8n canvas (PRO) - Aurora Synth — Deep purple n8n dark mode (PRO) - Crimson Velvet — Deep red n8n dark theme (PRO) - Gold Dawgs — Warm amber n8n UI (PRO) - Pink Rose — Magenta-rose n8n interface (PRO) Switch n8n themes in one click. Preview any Pro n8n theme for 60 seconds before purchasing. Two themes are free forever. ────────────────────────────────────── 🎛 n8n THEME BUILDER — CUSTOM n8n UI ────────────────────────────────────── A live CSS editor built into the extension popup that lets you create a completely custom n8n interface from scratch: - Custom n8n fonts — Inter, Space Grotesk, Geist, Fira Code, DM Sans, OpenDyslexic (accessibility), and System Default - Global font scaling — resize all n8n UI text from 70–200% - n8n canvas background color and grid dot color - n8n edge and connector default color - n8n node appearance — colorize all nodes or AI nodes - n8n text colors — primary and secondary - n8n execution state colors — running, success, error - Accessibility modes — Deuteranopia, Protanopia, Monochrome, High Contrast, Large Cursor, Normal mode Export your custom n8n theme as a JSON file. Import themes from the community. Share your n8n UI configuration. ────────────────────────────────────── 🖼 n8n CANVAS CUSTOMIZATION — ALL FREE ────────────────────────────────────── Full n8n canvas customization included in the free tier: - n8n Wallpaper Engine — 45 curated gradients across Neon, Metallic, and Solid palettes. Upload any custom image as your n8n canvas background. - n8n per-node color — right-click any n8n node to assign it an individual color. Hover glow and selection glow follow your chosen color automatically. - n8n connector coloring — double-click any n8n workflow connection line to recolor it. Map your n8n data flows visually by type, team, or priority. - Four n8n background modes: Default, Theme, Preset, Custom ────────────────────────────────────── 🏢 n8n MULTI-ENVIRONMENT MANAGEMENT ────────────────────────────────────── Built for n8n agencies, freelancers, and teams managing multiple n8n Cloud or self-hosted n8n instances. Apply visually distinct n8n themes to different workspaces so your staging, production, and client n8n environments are impossible to confuse at a glance. The n8n Live/Dev indicator reinforces this separation at the workflow level. Works on n8n Cloud (app.n8n.cloud) and self-hosted n8n instances. Compatible with n8n 2.x and the current stable n8n release. ────────────────────────────────────── 🔒 PRIVACY — ZERO DATA COLLECTION ────────────────────────────────────── - No analytics, no telemetry, no tracking of any kind - All n8n Playground settings stored locally in your browser - No account required for any free feature - One outbound request only: Pro license verification (sends your Gumroad email — user-triggered only) - No obfuscated code — clean, audited architecture ────────────────────────────────────── ⚙ TECHNICAL SPECIFICATIONS ────────────────────────────────────── - Chrome Extension Manifest V3 - n8n Cloud support (app.n8n.cloud) - Self-hosted n8n support via optional permission grant - Single shared MutationObserver — zero performance impact on n8n workflow canvas performance - Layered CSS architecture — zero conflicts with n8n's own styles or future n8n UI updates - Security audited — no eval(), no remote script loading, sender-validated message passing ────────────────────────────────────── 💰 n8n PLAYGROUND PRICING ────────────────────────────────────── FREE TIER 2 n8n themes · Full canvas customization · n8n wallpaper engine · Per-node and per-connector coloring · Live/Dev safety indicator · Theme Builder · Accessibility modes PRO TIER — $15 one-time (no subscription) All 9 n8n themes · All future n8n theme drops · Lifetime access · Priority compatibility updates Activate Pro at: sharmaji04.gumroad.c…