Bookmarks
ExploreLatest additionsCategoriesCollectionsBlogGlossary
Categories
Utility29Inspiration24Resources21Tool13AI9Learning9Productivity4Collection2Reading1
ExploreLatest additionsCategoriesCollectionsBlogGlossary
Bookmarks

A hand-picked directory of 112 useful websites. All the tools & resources you need, in one place.

Categories
UtilityInspirationResourcesToolAILearningProductivityCollectionReading
Collections
Motion & micro-interactionsColor toolkitFree design assetsSketch & brainstormLogo & brand inspirationWeb UI referencesSEO & launch
Explore
Latest additionsAll bookmarksBlogGlossary
© 2026 BookmarksBuilt by Muhammad Osama
Home/Blog/Where to study good UI motion
Motion · 1 min read

Where to study good UI motion

Good motion is mostly invisible: it explains where something came from and confirms that an action worked. The fastest way to learn it is to study real examples.

60fps collects interactions recorded from shipping apps, sorted by pattern. Design Spells focuses on the small, delightful details that make a product feel considered. Easing is a reference of easing curves, so you can see how an animation accelerates and settles before you write a line of CSS.

Bookmarks in this post

Collection of delightful interaction in apps.

60fps•Interaction Gallery

Design details that feel like magic.

Design Spells•Design Details Gallery

A curated collection of easing graphs.

Easing•Easing Curves

More from the blog

Two tools for every color paletteA free design stack that runs in the browser