Ladybug Podcast

Micro-Interactions & Animation Libraries


Listen Later

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’ attention to something on the page. Today we’ll dive into micro-interactions and the animation libraries you can use to build them.

Show Notes

02:25 - What are micro-interactions?

05:48 - Why are they important?
10:55 - How do we build one?
29:07 - Animation libraries
33:16 - Shoutouts

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

    Here is the transcript for this week's episode.

    ...more
    View all episodesView all episodes
    Download on the App Store

    Ladybug PodcastBy Emma Bostian, Sidney Buckner, Kelly Vaughn, and Ali Spittel

    • 4.7
    • 4.7
    • 4.7
    • 4.7
    • 4.7

    4.7

    159 ratings


    More shows like Ladybug Podcast

    View all
    6 Minute English by BBC Radio

    6 Minute English

    1,839 Listeners

    Get a Job in Tech by Gary McNeely

    Get a Job in Tech

    3 Listeners

    Austin Schlessinger Show by Austin Schlessinger

    Austin Schlessinger Show

    19 Listeners

    Learn System Design by Ben Kitchell

    Learn System Design

    33 Listeners