motion design resources

A general-purpose JavaScript 3D library with WebGL and WebGPU renderers plus SVG and CSS3D addons, used for real-time scenes that run in the browser.

The animation library formerly known as Framer Motion, handling layout, scroll, gesture, spring and 3D animation in React, Vue and plain JavaScript from a small API surface.

Cuelume is a small JavaScript library that adds synthesized interaction sounds to buttons, inputs, selects and navigation.

Chinese-language playground of code-rendered motion effects, organised as 12 buildable routes from typography through 3D to video workflows.

MIT-licensed React package of 29 named loading indicators, each accepting size, colour and duration props and respecting reduced-motion preferences by default.

JavaScript animation library whose visual studio keyframes any JS variable, from THREE.js scenes to HTML, SVG and UI micro-interactions.

Interactive gallery of Liquid Glass materials for React, the web, and Electron, with Clear and Regular variants you can explore live.

A daily curated collection of the best design on the internet — interfaces, branding, motion, 3D, typography and posters, refreshed every morning.

A curated collection of videos for designers and creatives, hand-picked for motion and visual inspiration.

154 React components and 90 blocks with motion built in, installed as editable source via the shadcn CLI for shadcn/ui and Next.js projects.

Polished React motion components you can copy with live previews, source code, dependencies and shadcn registry commands.

Open-source Liquid Glass components for React with real WebGL edge refraction, spring physics, and accessible primitives — shipped as a shadcn registry plus an MCP server.

Open-source library of interactive React components, blocks, shaders and hooks built with Base UI, Tailwind CSS and Motion, distributed via a shadcn registry.

198 free, MIT-licensed animated React components with smooth Motion animations — drop-in shadcn/ui compatible and fully customizable with Tailwind CSS.

A shadcn-style registry of 131 polished, animated React components — from command palettes to WebGL heroes — installed as owned .tsx source files.

Fast, lightweight JavaScript animation engine with an all-in-one API for timelines, staggering, SVG morphing, scroll sync and draggable physics.

Open-source, motion-powered animated components for React and HTML — beautifully crafted pieces that bring interfaces to life with seamless animations.

Calligraph is a React component for fluid, per-character text transitions powered by Motion, with text, number and slot-machine variants.