The Animation Handbook on Design Better
Guide to animation best practices in digital product design.
The Animation Handbook on Design Better launched on May 21, 2019 with 184 votes, #112 of 3,072 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 7 years on.
What it does
This book explains the seven principles of bringing motion into user interface design, and describes how animation is the bridge to telling better stories and engaging users in more human and intuitive ways.
280+ conversations with the designers, creators, and leaders shaping the products and experiences we all use. Hosted by Eli Woolery and Aarron Walter. Paid members get our library & a private Slack community where designers help each other learn & grow. Click to read Design Better, a Substack publication with hundreds of thousands of subscribers.
Does a similar job
all alternatives →
- IWI wrote a book about UI [pdf]2021 · fifty.user-interface.io · ▲411
A collection of 100 UI/UX tips that I have collected since 2021
Design Systems Handbook by DesignBetter.Co2017 · infinite-tech.io · ▲332Your guide to design systems best practices
The Mighty Framer Motion Guide2023 · ▲92The ins and outs of Framer Motion with 200+ example projects
More work this month
the category →
Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.
Work · 26d ago · loficities.com
Smooth Recorder▲257Mac screen recordings that look edited when you hit stop
Work · 20d ago · smoothrecorder.com
Work · 14d ago · readrare.com
Source: Product Hunt launch ↗
Launched alongside, May 2019
the whole month →
Webframe▲796>800 web app screenshots for inspiration on your next app 🎉
Dev tools · 2019 · webframe.xyz
CSS Scan 2.0▲758The fastest and easiest way to inspect or copy CSS ⚡️
Dev tools · 2019 · getcssscan.com
- CC
Life & fun · 2019 · cssfx.dev