Circadian Templates — Eight Layouts Without a Design System Library

Most portfolios pick one aesthetic and freeze it. Mine is a design gallery: eight layout templates plus Circadian Cycle — auto mode that swaps skins by time of day. No Tailwind, no component library. Each template is a React layout with its own CSS Module.

Bento, Terminal, Brutalist, Neumorphic, Cyberpunk, Aurora, Editorial, Github, and ThreeD live under src/templates/. The gallery portal in App.tsx lets visitors try layouts; Circadian picks one from the clock so the first visit feels alive.

Every logo or header dispatches a goHome custom event back to the portal. Navigation stays consistent even when the chrome looks completely different.

← Rafael González Albes