UI Components

Headers and building blocks

Live demos of navigation patterns and motion primitives. Pick any entry in the sidebar, or open a card below, to preview and copy the source.

Navigation

Scroll-aware site chrome with brand mark, desktop links, and mobile menu.

Navigation

Sticky bilingual journal header with bold nav and locale switcher.

Navigation

Terminal-style mono header with blinking cursor and route links.

Build with motion

Motion

WordRotate and ShimmerButton for headlines and CTAs.

0 designs

Headers, motion, and map primitives — rendered live at real desktop ratio.

Effects

BorderBeam, AnimatedGradientText, and NumberTicker in one panel.

Maps

SVG dotted world map with markers for location moments.

Embed

URL embed cards for YouTube, X, Instagram, Reddit, Maps, Vimeo, TikTok, and a link-preview fallback.

Explore the Art and Dev showcases to see these building blocks in full product contexts.