myopentabs.design/motion
⌘K

Web motion

Libraries for making websites move. For designers who code, or the developer you’ll send this to.

sort
access
  1. 1

    OpenMotion

    free with limits

    Describe a launch video and get editable scenes on a real timeline. Tweak timing, color and sound, then export.

    by OpenMotion

    Free while in development. Runs on your Claude Code or Codex subscription.

    open tab ↗
  2. 2

    Raylight

    free with limits

    Make product videos on a 3D canvas. Put your screens on real devices, add camera moves and sound, no keyframe graphs.

    by Frames of Motion Inc.

    Free plan with 1080p exports and a Raylight badge. AI and sound use paid credits. Paid plans from $12.

    open tab ↗
  3. 3

    Vanta.js

    free

    Interactive 3D backgrounds with colors and settings you can make your own.

    by Teng Bao

    MIT

    open tab ↗
  4. 4

    Lenis

    free

    Smooth scrolling for pages where movement is part of the design.

    by darkroom.engineering

    MIT

    open tab ↗
  5. 5

    GSAP

    free

    Build animation sequences, scroll effects and SVG motion. The full library is now free.

    by the GreenSock team

    Free under its own license

    open tab ↗
  6. 6

    Motion

    free with limits

    Springs, gestures and transitions for interfaces that feel good to use.

    by Matt Perry

    Core library is MIT, Motion+ is paid

    open tab ↗
  7. 7

    React Bits

    free with limits

    Animated text, backgrounds and interactions you can customize. Start with the free library.

    by David Haz

    Free library, separate from React Bits Pro

    open tab ↗