The studio's reference brain
for front-end work.
A living library of convention-breaking motion, named interaction patterns, and real product screens — so a build brief can say "give me the Obys cursor-distortion and Pollen mouse-scroll" and everyone knows exactly what that means.
24 motion sites · named effects taxonomy · 257 UI screens
01 — Motion
Motion & Interaction
24 award-level desktop sites. Scroll, cursor, 3D, page-load. Each shows its signature interaction as a clip.
Open the motion wall ↗02 — Effects
Named Effects
The taxonomy — call an effect by name (WaveGallery, Pinned Scrub, Magnetic Button) so briefs skip the back-and-forth.
Open the taxonomy ↗
03 — Patterns
UI Patterns & Screens
257 real product screens — flows, screen types, UI elements from Mobbin, Page Flows, Godly, 21st.dev & more.
Browse the screens ↗