<< BACK_TO_EXPERIMENTS
NODE 01 / 2025 / Design + Build ● BUILDING

CYPERX.DEV

Personal site. Four themes. Zero restraint.

4
THEMES
98
LIGHTHOUSE
0kb JS*
BUNDLE

Neo-brutalist personal site. Dark, light, prism, and extreme theme variants with view-transition routing, glitch aesthetics, liquid shard layouts — and a hidden arcade mode.

VISUAL_EVIDENCE // SCREENSHOTS
CYPERX.DEV — main screenshot
detail shot
detail shot
STACK_MANIFEST
AstroReactTypeScriptCloudflare Pages
WHAT_IT_DOES
Four fully-realized themes sharing one component tree
View Transitions API for cross-page morphs
Secret Konami-triggered arcade shooter mode
PROJECT_TIMELINE
v0 First scaffold — single dark theme, static pages
v2 Theme system rebuilt as one context driving all four identities
v3 View transitions + liquid shard layouts
v4 Arcade mode, accounts, and the pet system — the site becomes the game
THE_CHALLENGE

One codebase, four radically different visual identities — without forking components or drowning in conditionals.

THE_OUTCOME

A single theme context drives every color, animation, and layout decision. Adding a fifth theme is a data change, not a rewrite.

NEXT_NODE
CHANGELOGS.INFO
>>