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.

Things that move: motion studies, looping animations, physics that wobbles and type that refuses to sit still. This stop is for the projects where the movement itself is the show, so let each one run for a beat before you press next.

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

• nijimi Walk through a watercolor that paints itself. nijimi (滲み) · Japanese · the bleed of ink or color into wet paper An endless ink-and-wash…
• mezzotint Images, made of living dust. mezzotint turns any picture into thousands of particles. They hold its shape, drift, scatter under your cursor…
• afterlight An interactive cinematic WebGL experience. Six scenes, one WebGL context, no downloaded assets. You arrive at a point of light in total…
• Winter Fall A lightweight, dependency-free falling snow effect you can add to any website. It renders snowflakes on a transparent canvas overlay, so it…
• VisualEffects A curated set of interactive visual effects extracted from 51yifei — each one is a single self-contained file with no build step and no…
• hilbert 一个简洁优雅的网页工具，让你轻松绘制和欣赏神奇的希尔伯特曲线。 干净直观的界面，左侧控制面板，右侧画布展示 实时绘制 - 选择1-8阶，瞬间生成精美曲线。 动画效果 - 看曲线一笔一笔画出来，超治愈。 个性化 - 自定义颜色、线条粗细，打造专属风格。 响应式设计…
• CyberMatrix Particles A stunning cyberpunk-style animated background effect featuring matrix rain, interactive particles, and network visualizations. Perfect for…
• orbit pop Kısa molalar için tasarlanmış, tek dokunuşla oynanan modern bir neon arcade oyunu. Orbit Pop, merkezdeki çekirdeğin rengiyle eşleşen…
• Thanos Portal A Thanos-inspired portal effect built with Three.js and WebGL, featuring real-time particle animation, glowing energy effects, and…
• neon text A neon sign that assembles, strikes and burns - built from a particle field. ▶ Live playground · type any text, six animations, any Google…
• geometric particles The set of several geometric shapes with particles moving inside. creates a scene and a camera creates particles with settings for a…
• pixel studio Make viral pixel-art videos with Claude. A free, dependency-free engine: every pixel, physics beat and sound effect is drawn in code.
• ai vs human shorts The animated YouTube Shorts from @code-pulse-ai, with every frame drawn by plain JavaScript on an HTML . There are no video files, no image…
• pelican ride 3d A pelican that actually rides a bicycle — every vertex, every animation curve and every sound generated in code. One crank angle governs…
• ascii machine web A living sea of characters in your browser, that you can stir with the mouse. The screen fills with a flow field: a continuous drift of…
• canvas ui 2048 An open source library of creative, framework-agnostic components drawn on canvas. Fluid simulations, shader effects, and 3D scenes that…
• nocturne fireflies 一个可互动的夜色微光网站：星辰、萤火、月晕与极光，配以实时合成的环境音乐和音效。 首次进入需要点击一次，浏览器才允许播放声音。建议佩戴耳机。 字体来自 Google Fonts，离线时会自动回退到系统宋体，不影响动画与声音。 每隔几次点击还会偶尔引来一场小型流星雨。 铺底：A…
• rubik cube threejs A deterministic 3×3 solve, rendered in a single 1080×1080 canvas. GIF preview · 20 fps · loops the full timeline ▶ Watch the full 1080×1080…
• pong game html5 canvas javascript browser game A simple and interactive Pong game built with HTML5, CSS, and JavaScript. The game features a player vs. player mode where you control…
• singularity An animated WebGL black hole for the web. Drop a living, swirling black hole behind your hero section. Tune it in the playground, copy the…
• snake game cozy snake eating apple game
• TextVerse Text that lives, not just sits. An immersive, interactive Canvas-based experience where text is the protagonist. Built with…
• Swarm An interactive pointer swarm simulation where a mesmerizing group of pointers follows your cursor, creating dynamic and chaotic patterns…
• particles A gallery of 115 real-time, interactive GPU particle animations. Each runs 65,536 particles entirely on the GPU using Three.js r160 and…
• pelican cyclist 没有任何 3D 模型文件、没有贴图、没有 SVG、没有 2D Canvas、没有预渲染动画——鹈鹕的每一根羽毛、自行车的每一根辐条、地形的每一道起伏，都是运行时用 JavaScript 现算出来的；蹬踏、车轮、身体起伏、脖颈摆动也都是实时解算的。 需求原文：*"使用…
• apso particle morph 在线试玩：→ funiyayue-art.github.io/apso-particle-morph 单文件版：Bold ｜ Regular —— 保存到本地双击即开，无需构建、无网络依赖 大部分「文字形变」的 CSS 教程给你的是表象：一个遮罩扫过去，一个 blur 拉起来。…
• AETHER Created and curated by Biswajit Jana ENTER THE LIVE LABORATORY ↗ AETHER is my personal place for learning, experimenting and developing…
• algo art lep scales → Open in browser — no install required. An algorithmic visualization of butterfly and moth wing microstructure, rendered in real-time with…
• Starfall Shooting Game A modern arcade-inspired space shooter where players battle relentless alien waves, dodge enemy fire, and defend the galaxy with fast-paced…
• A sea of blues Same sea — every hour a different blue. An ambient, ever-changing scene rendered entirely in HTML5 Canvas and vanilla JavaScript. Drag one…
• liquid ripple A water background that reacts to the pointer. Ambient swell, caustic shimmer, and ripple rings that spread and fade where you move — drawn…
• web optimization Interactive browser: Search & filter all 48 folders, validated corrections, library versions. The most comprehensive Three.js, WebGL, and…
• REACT Conceived, Designed & Developed by Teja Priyan REACT ( is an advanced, high-performance audio-reactive 3D motion design studio operating…
• xyt motion Pictures and motion as formulas of x, y and t. A few lines of text compile to a GPU shader that paints every pixel, at any resolution. The…
• ephemera Open the online gallery. The social preview is a screenshot of the public gallery; animation and sound remain generated at runtime. A…
• chaos game 3d A 3D animation of the Chaos Game mathematics method of creating a fractal using p5.js WebGL. A twist on the 2d implementation of Chaos…
• pyctures See them running in your browser, with their code → Nothing to install. Pyctures ("Python pictures") gives Python the full set of…
• liquid shape distortions Create psychedelic animations in real-time in the browser. Webgl shader using liquid motion, distortion, shadows, and light.
• Happy Doughnuts A p5.js animated doughnut character demo with dance and formation controls.
• Strange Networks Figure 1. Strange Networks - An interactive node-based network visualization. Strange Networks is a generative network visualization that…
• SpaceQL Learn SQL by running a space station! SpaceQL is a browser game in the spirit of K8s Games, but for SQL: you are the new Data Officer of…
• firefly interactive 마우스를 움직이면 반딧불이들이 흩어지는 인터랙티브 캔버스입니다. 프레임워크 없이 순수 JavaScript와 Canvas 2D API만으로 만들었습니다. 방향 기반 떠돌기 — 각 반딧불이는 자기 진행 방향(각도)을 조금씩 무작위로 틀면서 움직여요…
• cosmic nebula Seven living visual modes. Gravity that chases your finger. Supernovae you ignite with a tap. Built to feel effortless on a phone and fill…
• forest drive A cozy, hand-drawn road trip that draws and scores itself. 100% procedural: no image files, no audio files, no dependencies. Export it as…
• timeless china A cinematic journey through China's greatest landscapes — the Great Wall at first light, Huangshan above a sea of cloud, the Li River, the…
• ember drift An interactive particle field built with vanilla JavaScript and HTML Canvas, featuring flowing noise-based motion, cursor interaction…
• verdant A quiet botanical demo: a stem grows, ten leaves sprout and unfurl, and a breeze moves them through damped springs. The plant fades back to…
• Shipping Site A high-end, Awwwards-style corporate website for Jeevan Global Logistics — a global freight forwarder and logistics provider. Built with a…
• particle type Type anything. Watch thousands of glowing particles fly into place and spell it out. Particle Type is an interactive typography toy that…
• 1001moons 开场是一轮月亮的特写，镜头一路往后拉，才发现它只是 There are a thousand and one moons tonight 末尾的那个句号，句号里装着一整片夜空。…
• generative art pieceneon maze neon maze An animated neon isometric maze rendered in real time on an HTML5 canvas — glowing cyan-to-magenta isometric "pillars" that pulse and…
• lumaform orb A WebGL exploration tool for designing animated AI-assistant orbs — the kind of ambient, reactive visual an assistant uses to show what it…
• Fireworks 浏览器里的程序化烟花秀 —— 配色、发射点、爆心、花型、寿命、尾迹全是随机生成的。 单文件、零依赖、离线可用：打开网页就能放。 种子是玩法的一半。 ?seed=7 这样的数字种子每次都会放出同一场，可以贴在链接里发人。…
• ascii terminal Turn any image, GIF, or video into animated ASCII art — rendered live in a retro CRT terminal, then copy-pasted, shared, or exported…
• escapement Machines, drawn as dots. Gears meshing at the ratio of their teeth, an anchor escapement letting the wheel slip a tooth every half swing…
• swell Water, drawn as dots. Surf rolling in and breaking on the sand, waterfalls tearing into mist, geysers on their own clocks and fountains…
• ignis Fire, drawn as dots. Flames that rise, cool and fade, embers that break loose and ride the wind, smoke that carries on up after the light…
• swarm Living things, drawn as dots. A murmuration of starlings that wheels and folds, a bait ball that spins and flashes, fireflies over a…
• generative art pieceparticle rendering experiment particle rendering experiment An interactive browser experiment exploring particle rendering and animation. This project explores particle-based visual effects in the…
• Nexus wabsit design A cinematic cyberpunk gaming website designed as an immersive digital interface for games, esports, gaming hardware, and futuristic…
• 3d animated logo A cinematic 3D animated logo experience built with Three.js and Vite. Concentric glowing orange and yellow rings. Dynamic stairs leading…
• web demohtml canvas particle animation html canvas particle animation A basic particle animation following the cursor with Canvas
• ParticlesCopy.js Dots connected by lines animation using vanilla javascript with canvas html. This is an image of the final deployment. There is a link in…
• custom particles wallpaper This animation features randomly moving particles connecting to other particles If you clone or download this repository all you have to do…
• stardust particle field 鼠标引力 — 移动鼠标，周围粒子被吸引并拉出星链连线。 点击星爆 — 点击任意位置触发 26 粒粒子爆破。 实时控制台 — 毛玻璃面板：粒子密度（40~400）、引力强度、星链 / 辉光开关。 状态栏 — 实时 FPS、粒子数、当前主题。 性能细节 — DPR…
• html canvas rain animation A lightweight, responsive rain particle animation built with the HTML canvas API, CSS, and plain JavaScript. The original canvas study…
• dopamine fx 22 free effects for Webflow. One script, one attribute. Dopamine FX is a free, dependency-free JavaScript library of 22 visual effects for…
• mech fight Browser-based 2D mech-combat game built with HTML, CSS & JavaScript
• orbs Ten morphing dot-formation animations for the web. Use them for loaders, AI "thinking" states, or one memorable moment in a hero. One file…
• pulp fiction Pulp fiction — A little fan fiction game is the first project I made at my Ironhack Full Stack Web Dev Bootcamp. After three weeks learning…
• ModellingAndAnimationWithWebGL This project is for demonstrating the basic animation and object modelling with WebGL. Please don't mind my horrible horse model. I didn't…
• Morphing Morphing Basics
• sandpile This is a simulation of abelian sandpiles on hexagonal grid. If you want to read some cool stuff about it, start on wiki. The simulation is…
• tower or tunnel p5.js animation loop with optical illusion.
• Truth Bomb p5.js animation of strings expressing 100 human emotions.
• liquid logo A free, open-source tool for creating animated logos with a liquid metal aesthetic. Create logo animations in real-time in the browser.
• trunk effect 零依赖的 Canvas2D 动效：同心环在噪声场里缓慢摆动，像年轮 / 指纹。 复刻自 Vanta 的 TRUNK 效果（原效果作者 Kjetil Midtgarden Golid）。 Vanta 的 vanta.trunk.min.js 本身只有 10KB，但它要求你先引入…
• astra motion 原生 JavaScript + Canvas 2D 绘制的 30 秒手绘宇宙动画。 打开 即可播放。通过 HTTP 访问，不直接双击 index.html；修改源码后手动刷新页面，无热更新。 点击播放器右上角的导出，可选择 1080p / 4K 和 30 / 60…
• sigiriya A four-minute animated film, with subtitles, about the rise and fall of King Kashyapa I and his fortress on Sigiriya rock in Sri Lanka…
• habitat A procedurally animated robot that lives on a web page. Jointed SVG rig, spring physics, and a small state machine that decides what he…
• glyph matter A browser library for electronic literature: sample a word from an OpenType font into matter (points that still know which letter they…
• particle fountain animation simple particles fountain
• particle text Particle Text Animation
• Happy Birthday Animation ✦ No login · No install · Opens instantly in your browser ✦ Option 1 — Live (instant, no setup) Option 2 — Clone and open locally Option 3…
• generative art piecewaterfall waterfall A scroll experience built around a real-time waterfall of light. A hero with your words over the fall; a dive into it; a journey down…
• Jumperdino Um jogo simples em que o jogador controla um dinossauro que precisa evitar obstáculos no caminho, pulando sobre as pedras. Movimentação do…
• Tower Defense A classic tower defense game, currently it's a very minimal game. It works best on mobile environments or touch enabled emulation…
• electric circles Generative animation using OOP and conditional logic with the radii of two circles.
• chumthewaters A dense ASCII shark that swims the deep, turns to face where it's heading, and chases your cursor — click to toss it chum. The "chum the…
• hand controlled webcam A browser-based webcam app controlled entirely by hand gestures — no installs needed! Built with MediaPipe Hands + WebRTC + Canvas API…
• generative art pieceMouse hover Mouse hover A creative-coding experiment: a smoke trail that follows the cursor and shifts colour as it drifts. Particles spawn at the pointer and fade…
• generative art piecefluid hover fluid hover Neon strands of smoke that bloom wherever the pointer moves. Additive neon colours on a dark canvas. Pure canvas and JavaScript, no…
• vanilla.waves Pass a number in, get a number back. You can use the 35 wave formulas in vanilla.waves to change a bar's height, a colour or an element's…
• threejs cube wave :game_die: Cube Wave
• sticker burst A name that bursts into stickers when you click it, from my second portfolio. Try it live · one file, index.html, no libraries, no build…
• geo runtime The .geo binary is the runtime. Not a format an engine reads — the thing that executes. Rust/WASM hosts it, WebGL2 displays it. v0.1 · a…
• veyra core A creative web experience engine. Veyra is the runtime foundation behind ambitious, art-directed websites — immersive campaigns…
• motionforge An open-source laboratory and developer workbench for extraordinary web animations. Explore advanced motion. Customize every detail. Export…
• ascii wisteria A moonlit curtain of wisteria drawn as ASCII on a canvas. Racemes sway and spring back. Petals drift down and gather on the ground. Your…
• Maya Vertex Animation Texture Baker Vertex Animation Texture Encoder for Maya - Convert skinned meshes, deformers, and anything that moves into VAT! With this ON, the first…