Skip to content
don’t make it ugly
All resources

GuideMotion

Animations on the Web

Emil Kowalski's course on making web animation feel right.

Staff pick
Preview of Animations on the Web

What it is

A paid video course by Emil Kowalski (author of Vaul and Sonner) covering the taste side of animation: easing, timing, when to animate, when not to, and how to build the kind of details found in Linear, Vercel and similar products. Built around React and Motion.

Why it’s here

Most animation resources teach the API. This teaches judgement, which is the part agents can't supply for you. Even the free articles on the site are worth reading before you prompt.

Best for

  • learning motion taste
  • easing and timing
  • product polish

Can my agent use this?

Agent limited agent friendliness

Not directly; the course is gated. What transfers is the vocabulary. Tell your agent things like "use ease-out for entrances, keep durations under 300ms, no bounces" and you'll get most of the benefit.

Limited: Mainly a visual reference. Great for humans and for describing a direction, but there's little an agent can read or install.

Access methods

  • Public website

  • Design Spells
    Preview of Design Spells

    Design Spells

    A collection of the tiny, delightful details that make products feel loved.

    GalleryFreelimited agent friendliness
  • Aceternity UI
    Preview of Aceternity UI

    Aceternity UI

    Showy, copy-paste React components for landing pages that need a moment.

    Component librarygood agent friendliness
  • AutoAnimate
    Preview of AutoAnimate

    AutoAnimate

    One line of code that animates list changes for you.

    PackageFreeOpen sourceexcellent agent friendliness
    Staff pick
  • Magic UI
    Preview of Magic UI

    Magic UI

    Animated React components and effects for landing pages, built to sit alongside shadcn/ui.

    Component libraryOpen sourceexcellent agent friendliness