Animation you can play with right now

Over a hundred animation projects, each running live on its creator's own site: all of them playable in your browser with nothing to install. Press a card to play one on its own page, or start the cruise to ride through them one after another.

Made one of these? See how many people played yours → or use email

• gradient gl Default canvas style: z-index: -1, no mix-blend-mode. An opaque html/body background covers a -1 canvas. Raise z-index for fixed chrome or…
• revealed Paint one image out of another. A wet-edge WebGL reveal for React and plain JS. ![A scripted pointer sweep tears a photograph of a beige…
• autoportrait autoportrait renders an image as a timed painting performance on an HTML canvas: a graphite underdrawing traced along the image's edge…
• gradient animation generator Automatically synced with your v0.dev deployments This repository will stay in sync with your deployed chats on v0.dev. Any changes you…
• portfolio Personal Portfolio Website
• psychedelia studio Create music-reactive animations, endless fractal worlds, and hypnotic videos. Turn a song into moving visuals. Fly through mathematical…
• chart 3d Pie, bars, polar and area charts in 3D, with an entrance Open Chart 3D · Run it · More tools The everyday charts, given volume and a way to…
• mazeqr A real, scannable QR code drawn as a living maze. People wander it, a monster hunts them, and the code is built to stay readable while it…
• larp dashboard Live Action Role Play wordplay repo, a fake ai dashboard to flex being an AI master! 😆 A self-contained, zero-dependency animated "AI…
• wave3d Design 3D gradient waves in your browser: the glossy, twisting wave of light from Stripe's designs. Tweak one live, then export a code…
• motes Procedural, pointer-reactive ASCII backgrounds for the web. Drop-in for React and vanilla. Zero runtime dependencies. The ASCII-on-the-web…
• silkreel A KiCad board in. A release film out. silk reel reads a .kicad_pcb and renders a film of that board, built from its real copper, parts and…
• webgl design マウスやスワイプの動きに連動して、背景が水面のように美しく揺らぐ演出（WebGL）のサンプル集です。 軽量なライブラリから、高度なカスタマイズが可能なものまで、3種類のライブラリによる実装パターンを収録しています。 インタラクティブ性…
• web demolumathread lumathread LumaThread is a composable WebGL luminous-filament renderer for React. The component is distributed as editable source through its shadcn…
• Blotter A JavaScript API for drawing unconventional text effects on the web. When applying effects to text on the web, designers have traditionally…
• motion pad One pad for the character of motion Open Motion Pad · Run it · More tools Easing as a place on a square instead of a dropdown. Each corner…
• motion primer Bodies with behaviors: swarm, pack, magnet, orbit, fall, scatter Open Motion Primer · Run it · More tools A primer of motion. Six…
• octagons Animated backgrounds built from regular octagons. Line art on canvas — the colour gradient runs along the edges, nothing is ever filled…
• trigons lite Lightweight animated triangulated backgrounds for the web. Zero dependencies, ~3KB gzip. fill (default) — filled low-poly triangles with…
• Paperlab Physical, realistic paper as a React component. A hero image that peels, a receipt that unrolls, a letter that folds, a poster rippling in…
• oneocean elements free Animated backgrounds, UI pieces and shaded 3D icons in plain JavaScript. No React, no build step, zero dependencies. Every animated…
• cargo A workshop of small tools for designers and design engineers. Free, forever. Built one Saturday at a time. No accounts, no tracking, no…
• newsklxr 🚀 Contribute to Open Source and Revolutionize Education with WebXR! 👋 Hello there! We're excited to invite you to contribute to an…
• design database Interaction, motion and material studies for the web. Small, self-contained components with live demos, documented props, and notes on how…
• genjutsu Claude Code skills that make an interface move, give a product its look, and build a whole website. genjutsu.athevon.dev, built with…
• xvviix portfolio A single-page, scroll-driven WebGL journey in black & gold. No templates, no page builders, no CSS fakes — every letter, particle and…
• theatre Motion Design, for the web ✨ Update: Theatre.js 1.0 is around the corner. We have temporarily moved development to a private repo so we can…