Back to projects

Design Lab // Frontend Showcase

Frontend worlds that prove themselves before the scroll.

This route doubles as an authored showcase: living visuals on one side, rationale and system thinking on the other. The oracle is here, but the work is visible immediately.

ApproachMotion with purpose
BiasStructure over haze
ModeShow, then explain
Oracle + Interface ProofImmersive Frontend Ritual
Open Alchemic Wakening

Design Oracle

Ask how the work was shaped.

Ask about rationale, motion, or systems.

Start with a real design question.

VIVA knows the visual direction, the stack decisions, and the system logic behind these experiments.

Enter sendsShift + Enter adds a line

Selected Frontend Experiments

Three worlds. Three different kinds of control.

One piece leans into ceremonial atmosphere and layered motion. Another proves how much force precision, spacing, and typographic discipline can carry on their own. The third holds a live network steady — restraint and real-time status as the whole interface.

Featured build2026

Immersive Frontend Ritual

Alchemic Wakening

A cinematic browser piece built from luminous overlays, staged transitions, and interface fragments that feel half dashboard, half incantation.

Next.jsWebGLLayered Motion
View Live
Supporting study2026

Editorial Precision Study

TypographyGrid SystemsTransition Craft

Ziska

An exacting interface system where hierarchy, spacing, and measured contrast create confidence without noise.

View Live
Living constellation2026

Generative Network Constellation

Signal

A generative art installation that renders the invisible nervous system of the Waking Life gathering in Crato, Portugal as a living constellation — 25 nodes drift in deep space while bezier threads carry data packets between them like fireflies. Stages glow like distant suns, access points pulse with sonar rings, crew devices flicker, and art installations breathe; hover or click any node for its live status. Not a dashboard but festival infrastructure reimagined as sacred geometry, drawn entirely on canvas at 60fps.

HTML5 CanvasGenerative Motion60fps Render
View Live