N8n Prime Playground

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.com/l/n8n_playground

──────────────────────────────────────
Whether you are looking for an n8n dark theme, a fresh n8n skin, or complete n8n customization, this extension provides the ultimate n8n styling experience—complete with an n8n wallpaper engine and n8n custom font support.
──────────────────────────────────────

Built by SharmaJi · iamsharmaji2025@gmail.com
sharmaji04.gumroad.com/l/n8n_playground