Motion

React 19 component and block library with source-owned shadcn installs, semantic design and motion tokens, keyboard support, and reduced-motion paths. Includes live previews for 105 free components and 22 blocks.

Browser-based kinetic type and motion tool for variable fonts, particles, 3D text, and layered compositions. Export finished work as MP4, WebM, GIF, or PNG sequences without installing software.

Interactive React components and interface sounds built for direct use in product work. The free MIT library includes source-owned motion blocks and synthesized Web Audio sounds with no audio assets.

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.

Offline motion-design app for kinetic type, carousels, live screens, and video exports. Build layered visuals once, then run them through OBS, NDI, projectors, or social formats without uploading media.

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.

After Effects asset browser for saving, previewing, and reusing comps, footage, audio, colours, and 3D files. It packages dependencies, generates local proxies, and imports assets without leaving the panel.

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.

Reference library of product films measured shot by shot for pacing, type, motion, sound, and structure. Browse blueprints or connect its MCP to plan launch videos from real examples.

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.

Copy-in registry of Remotion components for product-demo videos, including kinetic type, captions, device frames, terminals, and complete scenes. Install with the shadcn CLI, then edit the source in React.

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.

Source-available library of single-file SwiftUI interactions for iOS 17+, with motion, haptics, Dynamic Type, reduced-motion support, and CLI or MCP installation. Free components use Apple frameworks only.

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.