117 tools
Motion
Motion-design software: timelines, Lottie and Rive editors, and motion graphics. A library of icons is not this shelf, even when the icons are animated.
rive.app icon
Interactive state-machine animation for apps/games
cavalry.scenegroup.co icon
Procedural data-driven 2D motion
jitter.video icon
Browser collaborative motion + AI effects
openmotion.design icon
Prompt + screenshots → editable launch/motion videos
motn.ai icon
Canvas vibe-code motion → exportable code/MP4
motioner.app icon
Browser design-native motion & video editor
linearity.io icon
Auto-keyframe vector animation (Mac/iPad)
maxon.net icon
Free layer-based motion/compositing/3D (USD)
svgator.com icon
Browser SVG/Lottie animator; no AE needed
lottiefiles.com icon
Create, optimize, CDN, state machines for Lottie
spline.design icon
Browser 3D design & interactive scenes
theatrejs.com icon
Visual timeline editor wired to JS/Three.js
Showing 1–12 of 117
1
About this shelf
Motion on the web is three different jobs that get mashed into one bookmark folder. This shelf keeps them together with filters: motion-graphics tools for designed animation, front-end motion libraries you install, and micro-interaction or animated-asset packs. If you need a hero sequence, an Lottie, or a React motion primitive, start here.
Libraries and micro assets are filters so a Rive file and a npm package do not look like the same product. Use Libraries when you want code. Use Micro when you want a packaged interaction. Stay on the parent view when you are still deciding the medium.
Featured picks are tools we would reach for on a marketing page or a product micro-interaction this week. The grid is the full motion shelf. If you need generative video footage instead of designed motion, that is the AI video category.
Performance is part of the craft. A 4MB Lottie on a landing page is not “premium.” Prefer tools that export what you can budget, and keep motion on one accent per screen unless the product is the motion.
Questions
- Is generative video on this page?
- No. Generative clips live under AI Video. This shelf is designed motion, libraries, and micro assets.
- What is the Libraries filter?
- Front-end motion and interaction libraries you install in a codebase.
- Do you list After Effects?
- Only if it is in the catalog. Many listings here are web-native tools and export formats.
- How do I avoid shipping heavy motion?
- Budget file size, prefer CSS or a small library for UI chrome, and save cinematic motion for one hero.