Web animation & interaction

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.

Browser-based visual design tool for production-ready interactive web graphics — shaders, media, 3D and motion on a spatial canvas, embedded live with no code.

A headless React lens that recreates Apple's Liquid Glass on the web — real refraction of the live DOM in Safari, Firefox and Chrome, with zero dependencies.

Twenty-four monochrome circular loading animations built from hairlines clipped to a disc — standalone animated SVG spinners in pure CSS and SVG, no dependencies.

Open-source WebGPU shader components for React, Vue, Svelte, Solid and JS — declarative animated backgrounds, overlays and interactive effects.

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.

Two React Native + Expo chat UI cookbooks demonstrating Liquid Glass — glass portraits, reversible gestures, and conversations that move with the keyboard.

MIT-licensed React component rendering Apple-style liquid glass lenses that refract live DOM — cross-browser SVG displacement, ~5 kB, zero dependencies.

Native motion blur for React Native views on iOS and Android — wrap any moving content in MotionBlurView and the blur follows its on-screen velocity.

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

A curated archive of distinctive, unconventional mobile websites, run by designer Kim Boutin since 2021 — the reference gallery for mobile-first interface ideas that break the template.

A border-beam animation for web UI — a light beam traveling around element borders, installable as the border-beam npm package.

936 open-source UI sound effects for web, mobile, SaaS and games, previewable across 12 sonic styles with one-shots and seamless loops.

Production-ready UI transitions for web apps: 43+ crafted motion components to copy and paste, or apply through your coding agent via a skill.

25 ready-made animation templates for showcasing designs — drop in your images or videos, tweak the scene, and export MP4 or WebM in your browser.

A fast, collaborative motion design tool on the web — animate Figma imports with AI help and export to 4K video, GIF or Lottie.

An open-source Codex and Claude skill that turns raster logos into clean motion-ready SVG, then exports animated HTML, GIF and video previews.

The motion design tool for product teams: create and edit Lottie animations, then ship 1:1 to iOS, Android and web with optimized file sizes.