motion

Feed of small delightful interface moments posted regularly, each isolated as a short clip.

Newsletter dedicated to web animation techniques, tools and motion design writing.

Toolkit of animated React components, scroll effects and full page layouts built on Tailwind and Motion.

200+ copy-paste React components, blocks and landing templates built on Tailwind and Motion, heavy on 3D, background and text effects.

Gallery of web experiences curated specifically for high-performance, smooth motion rather than static beauty.

Animated React components and UI blocks built with Motion, distributed as copy-paste source.

Meta's free desktop tool for designing and prototyping interactions with a patch-based logic graph and hardware APIs.

Agent skill with build and audit modes for motion, distilled per-designer from published work by Kowalski, Krehel and Tompkins.

Open-source set of smoothly animated Lucide-style icons as React components with motion on interaction.

Web-based motion design tool that imports Figma frames and exports video, GIF or Lottie with reusable animated components.

Opinionated Next.js starter of components, hooks and utilities: modals, tooltips, auth, Framer Motion and analytics.

Portfolio rebuilt with Next.js 15, Tailwind, Supabase and Framer Motion, with documented rebuild write-ups.

Flexible iOS-style bottom sheet for React on the web, built with Motion and accessibility handling.

Free open-source collection of unusually expressive React components: physics text, distortion, cursor effects.

106 animated React components and blocks — docks, bloom menus, OTP inputs, number tickers — installable through the shadcn CLI.

Long-running index of motion UI resources — prototyping software, JS and CSS libraries, inspiration galleries, performance tooling.

Fluid text transition component powered by Motion, animating between arbitrary strings with per-character flow.

Distribution of fully animated React components built on Motion, shipped as copy-paste source through the shadcn CLI.

Open-source React and shadcn primitives with deliberate motion defaults, published as a small curated set rather than a mega-library.

Collection of interface animations and interaction clips gathered for motion reference.

Fifty-plus motion graphics and animation skills for agents, covering easing, timelines, transitions and video-style sequences.

Exports Figma frames and Smart Animate transitions into Lottie JSON for use in web and mobile motion.

Copy-paste collection of essential web app transitions: card resizes, modals, icon swaps and particle effects, with a refine tool.

Curated reference of easing curves shown as graphs with live previews and copyable values.

Unstyled drawer component for React with native-feeling drag, snap points and nested drawers.

Living manual of interface craft covering design principles, motion, spacing and component behaviour.

Opinionated React toast component with stacked, swipeable notifications and carefully tuned motion.

Curated gallery of motion design and animated video work across brand and product.

Collection of brand motion identity systems showing how logos and identities behave when animated.

Source-based React components with expressive motion, live previews you can parameterize, and a CLI that copies files into your project.

Watchmaker-inspired concentric rotary FAB and arc dial for React with multi-tier orbital physics and tactile haptics.

MIT React component registry for Next.js and Tailwind v4 with motion-rich interactions, installable via CLI or copy-paste.

Minimalist library of 202 web animation effects with copy-ready AI prompts, plus MotionLens to extract any site’s animation into a reusable prompt.

Browser studio that extracts motion from a live camera feed and shades it as trails, heatmaps, tracked blobs or vector fields via WebGPU.

React and Tailwind component registry of motion primitives — fluid tabs, expanding actions, animated dialogs — installed into your codebase via shadcn CLI.

153 interface animations built on spring physics rather than fixed-duration easing; tune stiffness and damping, then copy CSS, React or an AI prompt.

Agent skill packaging 18 production CSS transitions plus commands to audit a project for hardcoded durations and swap them for motion tokens.

Parametric motion studio with a few hundred components driven by sliders instead of timelines or keyframes, updating in real time.

Creative platform combining 189 motion templates, animated device mockup scenes and a 4K art-directed stock library, all exportable from the browser.

25 ready-made animation templates for showcasing design work — drop in images or video, tweak, export MP4 or WebM in the browser.

Browser motion design editor with editable keyframes, easing curves, anchors, text stagger and multi-artboard canvas, exporting MP4, SVG and Lottie.

Browser-based motion template editor with 94 templates and live controls for composition, animation, camera, cards and shadows, exporting video without installs.

Agent skill teaching motion design judgement — timing, easing, choreography and Disney's 12 principles adapted for UI — independent of any animation library.

Curated archive of recent visual and creative work across web, branding, product, motion, illustration, 3D and print, refreshed hourly.

Deep archive of film and TV title sequences with interviews and breakdowns of how they were made.

Inspiration gallery that previews each site as a fast video clip so motion and scroll behaviour are visible.

Long-running feed of UI animations submitted and voted on, with an accompanying email digest.

Animated shadcn-compatible components aimed at design engineers: texture cards, dynamic islands, popovers and expandable layouts.

Copy-paste animated React components built on Motion: text effects, docks, dialogs and transition primitives.

Searchable library of visual techniques in film and video, indexed by effect name.

Curated gallery of web design work selected specifically for interaction and motion quality rather than visual styling alone.

Skyscanner's design system with React, iOS and Android implementations plus documented motion and RTL specifications.

IBM's foundational design language covering colour, type, motion, grid, iconography and its underlying design philosophy.

Loom's design system documenting components, motion and the video-capture product surfaces behind the app.