Northlight

A static photo transformed into a dynamic, path-tracked UI hero section through AI-generated code.

Northlight media is blocked

Allow external media to connect to the provider and play this content.

Description

A sophisticated demonstration of AI-driven creative coding that converts a single observatory photo into a 12-second dynamic hero interface. The build features automated art-directed cropping, 54 seeded procedural stars, multi-layer SVG choreography, and complex path-following optics to simulate a constellation lock-on system.

Descriptions, tags, and model credits may be AI-generated or inferred from public sources and can be incomplete or wrong. Learn more.

Details

Why this is interesting: Impressive one-shot capability demo showing how AI can translate a static image into complex, art-directed interactive…
Attributed to: @SRKDAN
Built with: GPT-6 Sol GPT Image 2.5 Flare GPT Image 2.5 Sunburst GPT-5.6 Sol K2.7 Code North Mini Code GPT-5.5 Pro GPT Image 2 LTX 2.3 Pro 3.1 Pro Seedream 5.0 Pro Vidu Q3 Pro Seedance 1.5 Pro GPT Image 1.5 Flux 2 Pro Nano Banana Pro Gemini 3 Pro GPT-5 Codex GPT-5 Codex Gemini 2.5 Pro
Tags: #creative-coding #ui-design #animation #procedural

Discovered: X
First posted: X · Aug 11, 2026
Listed: Added 48d ago
Build: Moderate
Models: Strong

Prompt

“Turn this photo into one coded hero. Begin on the source; expand into the interface; art-direct the crop; add procedural depth and one path-tracked interaction. Render 12s; inspect the decoded full-size + feed-size MP4.”

Source

Northlight

Description

Timeline

Northlight

Description

Timeline