Motion⁽²⁵⁾

A comprehensive guide covering essential motion design principles adapted for UX — easing, anticipation, follow-through, continuity, and narrative. Practical examples show how applying animation principles from film and game design creates more intuitive digital interfaces.

Cavalry is a dedicated 2D motion design application that combines procedural animation, data-driven design, and a node-based workflow. It's built from the ground up for motion graphics, offering a modern alternative to After Effects for specific motion design tasks.

Native macOS screen recorder and editor with automatic zoom, cursor styling, background removal, timeline editing, and motion graphics. Built for product demos, tutorials, and launch videos.

Timeline-based animation inside Figma with keyframes, animated components, motion variables, and time-based comments. Dev Mode exports motion as CSS, JSON, React, or Motion.dev code.

Figma plugin adding timeline-based keyframe animation directly in Figma. Creates motion prototypes and exports without leaving your design file — the closest thing to After Effects inside Figma.

Deep Glow is an After Effects plugin that creates realistic, physically-based glow effects far superior to the built-in glow. It produces natural light falloff and color blending that makes motion graphics look cinematic — a must-have for any motion designer's toolkit.

Motion design tool for animated social content, UI animations, and marketing video with a timeline-based interface. No After Effects required — ideal for designers who need motion output fast.

LottieFiles is the ecosystem for Lottie animations — a lightweight, scalable animation format that plays natively on web and mobile. Browse 100,000+ free animations, create your own with their web editor, and integrate them with a simple embed code or SDK.

World's largest library of 600k+ lightweight, scalable Lottie animations with a creator tool, Figma plugin, and After Effects integration. The standard infrastructure for shipping animation in production apps.

Professional animation editor for creating Lottie animations. Real-time collaboration, interactive features, and direct Figma import. Build kinetic brand guidelines and motion systems.

Made by Loop creates After Effects scripts and resources for motion designers, with tools focused on streamlining common animation tasks. Their products help automate tedious parts of the motion design workflow so you can focus on creative work.

Motion 4 by Mt. Mograph is the essential workflow tool for After Effects motion designers — providing an intuitive panel for easing curves, anchor point control, and animation utilities. It makes the mechanical parts of animation faster so you can focus on timing and feel.

AutoFill by Plugin Everything is an After Effects script that instantly fills shape layers, text, and compositions with dynamic content — random colors, images, gradients, and more. It speeds up motion design workflows by eliminating repetitive manual layer setup.

Noodle by Goodboy Ninja is an After Effects plugin that turns static elements into dynamic, noodle-like shapes with organic squash and stretch. It's great for creating playful, character-driven animations with a lively, hand-drawn feel.

Overlord by Battle Axe creates a seamless bridge between Illustrator and After Effects — push and pull shapes between apps with layers, colors, and anchor points intact. It eliminates the painful import/export cycle that motion designers deal with constantly.

Open-source WebGL shader library with image filters, mesh gradients, noise, halftone, and animated effects. Use the visual editor or install zero-dependency React and JavaScript packages.

Fast timeline-based Mac tool for creating screen transitions and app flows. Intuitive and opinionated — the fastest way to prototype motion for presentations without writing code.

No-code prototyping tool for realistic app behavior with variables, conditions, and sensors. Ideal for testing microinteractions and complex flows that Figma can't replicate.

Animated React component library with text effects, backgrounds, UI elements, and small creative tools. Components can be copied directly or installed through shadcn and jsrepo.

110+ free React Native animations that run on Expo Go. Copy-paste ready code for mobile app animations.

aescripts + aeplugins is the largest marketplace for After Effects and Premiere Pro scripts, plugins, and extensions. From animation helpers to rendering tools, it's where motion designers find the specialized tools that power professional workflows.

Real-time interactive animation tool with state machines for user input, complex logic, and UI transitions. Exports production-ready runtimes for web, iOS, and Android — the most powerful tool for shipping interactive animation.

Skew by Goodboy Ninja is an After Effects plugin that makes batch-adjusting layer properties incredibly easy — skew timing, transform values, and effects across multiple layers simultaneously. A time-saver for complex compositions with many animated elements.

Open-source JavaScript animation library with a visual editor for creating complex web animations with frame-by-frame precision. For developers who want designer-level control over web motion.

WebHaptics brings native-style haptic feedback to mobile web experiences. Trigger vibration patterns on iOS Safari and Android to add tactile responses to taps, transitions, and interactions — no app required.