BROADCASTS.com

Micro-interactions are small animations that delight our users and they are changing the way we design and build our applications. Micro-interactions have many benefits like enhancing perceived performance, indicating state change, and drawing users\u2019 attention to something on the page. Today we\u2019ll dive into micro-interactions and the animation libraries you can use to build them.

02:25 - What are micro-interactions?\n05:48 - Why are they important?\n10:55 - How do we build one?\n29:07 - Animation libraries\n33:16 - Shoutouts

\n
• CSS Animation Libraries
\n
• Eli Fitch\u2019s Perceived Performance
\n
• UI Movement
\n
• Bad UI
\n
• Ladybug Performance
\n
• Scott Tolinski React Spring Course
\n
• Sarah Drasner
\n
• Hover.css
\n
• Greensock
\n
• React Spring
\n
• Framer Motion
\n
• Anime.js
\n
• Velocity
\n
• Three.js
\n
• Mo.js
\n
• Humble PI
\n
• Bon Appetit Test Kitchen
\n

Here is the transcript for this week's episode.