rickyrichards.com

Product · $30

AI Motion Library

85 motion design techniques for UI and UX work: the effects that make premium websites and applications feel alive, ready to hand to an AI tool or drop into your own build.

My working library of 85 motion design techniques, recreated from brand sites, packaging films and social reels, for UI and UX work that feels alive. Every technique plays live in the browser and comes with a prompt ready to paste into Claude, ChatGPT or Cursor, framework-free HTML, CSS and JavaScript, and notes on timing, easing and parameters. New techniques are added as the library grows.

Get Access · $30

What’s inside

  • Typography19

    Letters and words that decode, bounce, turn, warp and rebuild themselves.

  • Transitions16

    Ways to get from one page, scene or image to the next.

  • Reveals & entrances5

    How content arrives on screen, and how it leaves.

  • Layout & scroll15

    Grids, stacks and pages that build, reflow and move as you scroll.

  • 3D & product15

    Objects, packs and cards turned, opened and lit in space.

  • Interface & data8

    Buttons, icons, highlights and numbers that respond and update.

  • Texture & ambient7

    Background loops, surface effects and hand-made texture.

Every technique comes with

Live demo

Plays in the browser, so you can see the timing before you use it.

AI-ready prompt

Written to paste straight into Claude, ChatGPT or Cursor with your own project context.

Copyable code

Framework-free HTML, CSS and JavaScript that drops into any page.

Full write-up

The choreography beat by beat, plus the timing, easing and parameters to tune.

How access works

  1. 01Pay once through Stripe. The checkout is under Fobi, my company.
  2. 02The confirmation page gives you the library link and your passcode straight away, and Stripe emails you a receipt.
  3. 03Open rickyrichards.com/motion-library and enter the passcode. It stays unlocked on that browser for 90 days, and you can unlock it again whenever you like.
  4. 04New techniques are added as the library grows, at no extra cost.
Get Access · $30

Questions? Email hello@rickyrichards.com