Particle demos you can play right now

Over a hundred particle demos, each running live on its creator's own site: some of them vibe-coded with AI, 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

• wax and water Vanilla JavaScript + Canvas 2D · Zero Runtime Dependencies · Runtime-Generated Water Effects Wax and Water is an interactive 2D web…
• love in shapes A live, ever-moving showcase of love symbols. About 1,500 glowing particles flow along a shape, then dissolve and reform as the next one…
• driftfield A cloud of points living inside a curl-noise flow field, with a lens in front of it. Everything you can see is on a slider: how many points…
• glow About 24,000 embers form the basement.studio b. isotype, carved on a sphere. Click and they flow into the basement. wordmark. The dot stays…
• healing visual lab Healing Visual Lab 是一个持续生长的交互式数字疗愈作品集——51 件独立的 H5 页面，每件都是一个完整的创意编程实验。 一个哲学内核贯穿所有作品： 身体记得的，代码可以翻译。代码翻译不了的，时间可以消融。What the body remembers…
• prism image particle lab 将一张图像转化为可旋转、可保存、可重开的粒子作品。 PRISM 是一个浏览器内的图像粒子实验项目。导入图片后，它会将图像采样成可互动的三维粒子场；画面、参数和视角可以收进作品档案，之后在主编辑器中完整恢复。 两种精炼的空间形态：浮雕与波面。…
• generative art pieceInteractive 3D Particle System Interactive 3D Particle System "From blank canvas to a physics-based, hand-tracking engine in exactly 59.3 seconds." This project is a real-time, interactive 3D particle…
• 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…
• quantum particle wave 3d 🌊 10,000 interactive quantum wave particles undulating with procedural trigonometry and mouse gravity. 🌐 Live Web Application: 🚀 Ready…
• flowfield studio Интерактивная лаборатория генеративной графики: тысячи частиц рисуют живое векторное поле прямо в браузере. управление количеством частиц…
• generative art pieceFractality Fractality An audio-reactive fractal particle visualizer. Millions of GPU particles swarm across the Mandelbrot set (and friends), driven by compute…
• particles fun vibe coded particle attraction simulatorVibe-coded
• pixijs particle agd Advanced Game Design with HTML5 and JavaScript Customize "Chapter 8 Particle Effect" so that it can be used with pixijs. Correct way to…
• particles effects Just some cool particles effects made using p5.js. Thanks to Traversy Media for the tutorial!
• particles constellations An experiment on particles using HTML5 canvas
• falling snow particles Falling snow particles using HTML/JS canvas
• web demohtml canvas particle animation html canvas particle animation A basic particle animation following the cursor with Canvas
• bloom 一场由 Three.js 粒子系统 与 MediaPipe Hands 驱动的实时手势花园。手掌被摄像头捕捉后，21 个手部关键点会转化为一朵会呼吸的光粒子花：握拳时花瓣收拢成发光的苞，张掌时粒子向外绽放，花朵随掌心移动，并在指尖留下一枚微光。 只需要 Node.js…
• canvas particle system A live demo can be found HERE. The demo has many emitter types and some more explanations about this. e.g. create ~100 randomly colored…
• 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…
• particleswarm Cool animated mouse cursor made with ThreeJs. Bunch of prticles will fly to mouse cursor. You can play with spread, number, and speed of…
• 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…
• morphingparticles Morphing Particles Using Three.js and Tween.js
• 2D Canvas Image Particles A simple lightweight 2D particle system using Canvas. Multiple particle systems can be bound to the same canvas. Particles speed remain the…
• webgl buddha This demo is a WebGL port of Android live wallpaper 3D Buddha Live Wallpaper. Article explaining implementation of soft particles used in…
• planetaria Newtonian *N*-body simulator in JavaScript / HTML5. Integration uses a leapfrog (velocity-Verlet) scheme. A softening term avoids singular…
• 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…
• katimages interactive 60fps canvas particle background. background pre-fetching for instant cats. background music player (silly cat.mp3).
• 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…
• bevy enoki Enoki - A 2D particle system for the Bevy game engine. The Enoki particle system uses SIMD optimizations to perform calculation on the CPU…
• WebGPUDemo WebGPU demo for deferred rendering, cloth simulation, and particle effects
• flutter particle clock For my entry in the Flutter Clock Challenge I wanted to build something colorful, animated and playful that changes appearance with time…
• sparkle mouse GPU optimized sparkles for Windows + Mac + Web Tauri 2.0 App & JS Package Sparkle Mouse brings that nostalgic webcore aesthetic to your…
• gesture Christmas tree 3d with photo 原本只是想画一棵普通的 3D 圣诞树，但觉得不够酷，于是加上了 手势识别 和 粒子特效。现在你可以通过摄像头「隔空」控制这棵树，还能把自己喜欢的照片挂上去。 这不是那种静态的网页贺卡，而是一棵由 几千个粒子 组成的动态树。接入了 Google 的…
• particle lab 把任意图片或 3D 模型，瞬间变成可交互、可流动的 3D 粒子云。 Turn any image or 3D model into interactive, living 3D particle clouds in seconds. 一个纯前端、零依赖、单文件可运行的 3D…
• glyph matter A browser library for electronic literature: sample a word from an OpenType font into matter (points that still know which letter they…
• pixijs particle v4 CreateJS でパーティクルシステムの開発に挑戦しよう [Javascript] 配列から特定の要素を削除する(訂正有り) - Qiita javascript - Random color generator - Stack Overflow #95C139…
• weather app [!NOTE] It was good practice for repeat javascript terms and css At the end of this, i learn work with querySelectors and their structure…
• Particles This is just a very basic project, that I made when I was very bored. I think you can make some pretty cool things with it tho.
• social links social-links: projeto ao estilo linktree feito em Astro para divulgar redes sociais
• particle fountain animation simple particles fountain
• quadtree Particle collision detection using quadtree. A quadtree is a tree data structure in which each internal node has exactly four children…
• computer vision Tracking Hands for Fun Visual Effects
• particle text Particle Text Animation
• pocket A simple particle manager for JavaScript that enables efficient positional queries by dynamically grouping particles into recursively…
• 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…
• spiral particle cyclone Click anywhere and summon particles This project uses HTML5 Canvas to generate a spiral cyclone of particles from your click point. Each…
• generative art piececreative coding hand particles creative coding hand particles Hand Particles is an experimental web-based creative coding project that combines real-time hand tracking with a dynamic 3D particle…
• 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…
• ZachShen99.github.io 整个页面就是一个终端：往下滚，终端会自己敲命令，一幕一幕地讲我是谁、做过什么。也可以自己敲命令，试试 help。 头像粒子的物理和绘制在 wasm/src/lib.rs 里，JS 只负责传参数、把结果画到 canvas 上。 迷你 Tcl…
• pretext projects 8 text-driven Canvas experiments built in 3 days using @chenglou/pretext. Zero DOM reads. Fluid sims, physics narratives, generative ASCII…
• labs 21 live web demos. No npm. No React. No build step. Shaders, particle systems, fluid fields and generative scenes. Every demo is a single…
• Particles Ecosystem A tiny Canvas experiment where attraction and repulsion turn colored particles into moving patterns. Open the demo · Browse the code The…
• GeetMusicPlayer This is a simple Web App for visualizing your audio clips. You can just lauch the site play the audio. It is made using simple Vanilla JS…
• img2pxl.js A small library that allows you to implement a particle/pixel effect on a given image. This implementation was carried out trying to…
• 2d collision A lightweight and customisable JavaScript library for simulating particle physics, including collisions, gravity, and mouse interactivity…
• Interactive Image Particles WebGL Create a canvas in your html document e.g Include the library in the document e.g For More Details Please refer to index.html file. Give a…
• fire particle editor Интерактивный редактор огненной симуляции на частицах с Canvas 2D и WebGL 2. Single-file HTML · zero dependencies · MIT Используется как…
• Pozitivstek.github.io Personal portfolio: interactive particle hero, projects and résumé (RU/EN). Plain HTML/CSS/JS, no build step.
• falling sand game Play free online 2D physics particle sandbox simulator in browser. Real-time fluid dynamics, powders, chemical reactions, thermodynamics…
• happy birthday animation Animasi Kanvas Interaktif & Audio Player Perayaan Ulang Tahun Modern Berbasis Web Happy Birthday Animation adalah aplikasi web interaktif…
• particleforge Real-time GPU-accelerated particle system editor in your browser. Create stunning VFX with force fields, color gradients, and 12 presets…
• three.js lab A living laboratory for experimenting with 3D graphics in the browser This is not a copied tutorial. Not a downloaded template that was…
• generative art pieceimage particle fx image particle fx 这个仓库的 skill/image-particle-fx/ 是一个 Claude Code Skill。安装后，给 Claude 一张图并说「把这张图做成粒子消散效果」，它会自动：看图做美术决策（效果、配色、运镜、节奏）→ 生成项目 → 渲染截图自查 → 交付网页 / 视频…
• 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…
• audio particle dancer Audio-reactive 3D particle character for the browser. The project combines a Three.js rigged dancer with a persistent particle surface…
• webnix particles A cinematic browser experiment where typography, particles, motion and pointer interaction become one interface. WEBNIX is a visual…
• FLYFWEB FLYF® · 创意开发者 —— 这是我的个人主页，一个用 WebGL 做的交互作品集。 窄屏设备会把粒子数降到 26,000，用来换取更稳的帧率。
• portfolio A single-page, scroll-driven portfolio. One particle field of 160,000 points takes a different form for each section of the page, so a…