Night city

Dark exposure, blue-magenta tones, punchy colour. Night driving and urban B-roll.

Apply this to my video: "Night city" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/effects/grade-night-city/preset.json (pass its "preset" to the engine).
Engine (MIT, no dependencies, ES module): https://24fps.dev/editor/engine.js. Download the engine next to your page (curl -O) rather than importing cross-origin, then import { mount } from "./engine.js" in a <script type="module"> served over http.
Wiring: root = a position:relative box at the video's size. media = { main }: main is a wrapper holding my video, filling the root. Then const fx = mount(root, { kind: "effect", preset, media }) and call fx.render(seconds) every frame. It is seek-safe: drive it from the GSAP timeline in HyperFrames or call render(frame / fps) in Remotion. Before capturing frames, await (fx.ready ?? document.fonts.ready).
Field reference: https://24fps.dev/video-editor/llms.txt. Keep sizes as fractions of the frame height so it works at any resolution. Credit: 24fps.dev/video-editor

Same idea: Also called: Night Cities, Sleepless City, City Night, Orange Blue, Tokyo Heat, Night Lights, Cool Night, Prom Night, Nightfall, Chill Night, Night Ride, Love City
Technique: Colour grade look · source ↗
Footage: Rainy street at night, Pexels

Similar effects & grades

Vivid colour push-in15% push-in with boosted saturation and slightly higher contrast.Slow zoomVivid

Cool violet washCool, slightly dim violet cast over the whole frame with lifted saturation.GradeViolet

Violet edge glowPurple light bleeding in from the edges of the frame, centre left clean.Edge glowViolet

Aurora light bandsVertical green, teal and violet glowing bands layered over the picture like northern lights.AuroraLight