Animated icons · In a real interface

A small workspace where every icon has a job: the nav items animate when you hover the whole item, the unread bell keeps ringing until you open the inbox, subscribing flies the plane and draws a check, the download arrow drops and the bin lifts its lid before a file disappears, like and save answer the click, status rows draw themselves in and the speaker waves only move while music plays.

What it is

Animated icons doing real work inside an app: a bell that rings only while there is unread mail, a plane that flies when you subscribe, a bin that opens before a file is deleted, a check that draws itself to confirm. The difference between icons that decorate and icons that answer.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

Trigger model after Lordicon (lordicon.com) · icons Lucide (ISC) · all motions original