motion⁽¹⁷⁾

Case study on building a tactile web interaction with deterministic Lottie frame control, DOM coordinate mapping, and distance-based input. Covers responsive behavior, mobile performance, and asset loading.

Desktop motion-design app that pairs a layer timeline with a node graph inside each layer for procedural animation and compositing. Available for macOS and Windows with a seven-day trial.

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.

Practical framework for designing motion that stops safely when timing, state, or performance fails. Covers duration limits, circuit breakers, static fallbacks, monitoring, and user controls.

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.

Open-source animated React icon set built on the Phosphor grid, with object-specific motion and hover, focus, and touch controls. Individual icons install through a shadcn-style registry.

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.

Kling AI delivers superior motion quality and physics simulation, particularly excelling at water effects and realistic human movement. Ideal for designers creating action sequences, product demonstrations, or any content requiring believable physics and smooth, natural motion dynamics.

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.

Open-source animation library for React, JavaScript, and Vue with gestures, spring physics, layout and scroll animation, timeline sequencing, and a free View Transition API wrapper.

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.

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.

A curated collection of animated brand guidelines and motion identity systems from top creative studios. Shows how brands extend their visual identity into motion — a growing design discipline that bridges static brand guides and dynamic digital experiences.

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.

Open-source Windows tool for real-time motion graphics, combining node-based procedural workflows with keyframe animation. Supports audio-reactive visuals, shaders, MIDI, OSC, Spout, and video export.