Motion Design tools

Curated motion design tools in the ToolFomo constellation. Each one is hand-picked and summarised in a single line.

• Keyshape — Keyshape is a vector graphics design software with animation capabilities, enabling users to create animated 2D vector graphics for web pages and social media. (Paid) Available on mac.
• Lottie Creator — Lottie Creator is a web-based animation tool designed to create lightweight, interactive motion designs using State Machines and AI-powered features. (Freemium) Available on web.
• Animaker — Animaker is an online platform that enables users to create animated and live-action videos using a variety of templates and tools. (Freemium) Available on web.
• GSAP (GreenSock Animation Platform) — GSAP is a professional-grade JavaScript animation library for the web, enabling high-performance animations of CSS, SVG, canvas, and DOM elements across all browsers. It is widely used by designers and developers to create complex, timeline-based motion sequences. (Freemium) Available on web.
• Icon Animator — Web tool for turning static icons into animated ones. Preview the motion and export the result for use in web and app interfaces. Available on web.
• Locomotive Scroll — A lightweight JavaScript library for smooth scrolling, in-view detection, and parallax effects, built on top of Lenis. (Open source) Available on web.
• Animated Buttons (Colorion) — A copy-and-paste library of pure-CSS animated buttons from the Colorion family of tools. Each snippet is self-contained, MIT licensed, needs no JavaScript, and respects prefers-reduced-motion. (Open source) Available on web.
• Originkit — A free library of animated components for modern websites, with code you can copy, use in Framer, or pull in through MCP. Covers text effects, image galleries, carousels, background animations, and interactive elements with customizable controls. (Free) Available on web, api.
• ShaderGradient — ShaderGradient is a tool for creating animated, customizable 3D gradient backgrounds using WebGL shaders, with components available for React, Framer, and Figma. (Open source) Available on web.
• 60fps — A curated collection of UI/UX animation and interaction design examples from best-in-class iOS and web apps, for motion and interaction inspiration. (Free) Available on web.
• Kinetics — A library of 135 spring-driven micro-interactions for web interfaces, each shipped as CSS, React, and a copy-paste AI prompt with tunable stiffness and damping. (Open source) Available on web.
• Remotion — A framework for creating videos programmatically using React and code, with support for AI/agent-driven video generation and batch rendering. (Freemium) Available on web.
• Swishy — AI motion design tool that turns text prompts into animations, kinetic typography, and motion graphics. Includes a template library for social media, UI elements, logo reveals, and data visualizations. (Freemium) Available on web.
• Haiku Animator — Haiku Animator is an open-source design tool for creating animations and interactive web components, integrating with design tools like Sketch, Figma, and Illustrator. (Open source) Available on web, mac, windows.
• Adobe After Effects — Adobe After Effects is a digital motion graphics and compositing software used for creating animations, visual effects, and motion graphics in film, television, and video production. (Paid) Available on mac, windows.
• Jitter — Jitter is a web-based motion design tool that enables designers to create professional animations quickly and collaboratively. (Freemium) Available on web.
• Rive — Rive is a real-time interactive design and animation tool that enables users to create, code, and animate graphics for various platforms. (Freemium) Available on web, ios, mac, android.
• LottieFiles — LottieFiles is a platform that offers a vast library of lightweight, customizable animations for web and app integration. (Freemium) Available on web, ios, android.
• Kite Compositor — Kite Compositor is a Mac application for designing and prototyping animations and user interfaces, utilizing a visual canvas and integrated timeline. (Paid) Available on mac.
• Principle for Mac — Principle is a macOS application that enables designers to create animated and interactive user interface prototypes without coding. (Paid) Available on mac.
• SVGator — SVGator is an online platform that enables users to create and animate vector graphics without coding, offering various export formats and interactive features. (Freemium) Available on web.