About

Designers and developers often call the same thing by different names. “That thing where the background scrolls slower” is parallax; “the frosted see-through card” is glassmorphism.

Design Atlas collects motion, visual effects, 3D, UI components and UX terms as a name, a one-line definition, a live example and its code. Every example runs in your browser, and the code tab lets you copy it as is.

The format follows The Component Gallery’s at-a-glance catalog, widened beyond components to effects, motion and vocabulary. All example code was written from scratch for this site.