Dev tools · alternatives · 2026
24 alternatives to Creating flowing particle animations out of images (JS and WebGL)
Hi! I'm Alan, and I built a website that turns images into flowing particle animations. This javascript / WebGL tool creates particle animations out of any image in real-time within the browser, with particles that dynamically respond to edge detection and flow fields. It uses Sobel edge detection, a Perlin noise flow field, and webGL / GLSL for better performance. The tool is completely free and open source (MIT license). Github repo: https://github.com/collidingScopes/particular-drift Let me know of any feedback or suggestions for improvement.
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
Particular Drift▲140Create flowing particle animations out of any image (FOSS)
2025 · collidingscopes.github.io · its alternatives →
- 2RT
2023 · antimatter15.com · its alternatives →
- 3
Create animations by dragging your mouse
2022 · animatize.com · its alternatives →
- 4
Hello HN! We’re a small creative studio specializing in real-time 3D experiences. Netlify approached us to design and build an interactive experience to celebrate reaching 5 million developers. Inspired by the classic game Marble Madness, we created a gamified experience where users control a ball through playful, interactive levels. The goal was to blend marketing content with the look and feel of a game to engage users. The app is built with Three.js [1], using our custom render pipeline and shaders, and uses Rapier for physics simulation [2]. The 2D content is overlaid on the WebGL view…
2024 · 5-million-devs.netlify.com · its alternatives →
- 5
Transform Static Images Into Dynamic Particle Experiences
Aug 2026 · particle-studios.vercel.app · its alternatives →
- 6
Had some fun with shared array buffers over many months of free time. Skip to the end to play around with the final app. Open to ideas on how to simulate more whilst staying in js land.
2024 · dgerrells.com · its alternatives →
- 7IM
I was fascinated by this [0] and this video [1]. After many struggles, I finally built this app that traces images using circles similar to what these videos had shown. The most challenging part (to me) is to find a way to convert images to vector lines. I had tried Potrace, but its output is not suitable for my use case: too many small elements share the same border. Potrace's goal is to represent the original image faithfully using vector lines. But I want to trace the image edges. After searching and trying some Potrace alternatives in vain, I finally found my keyword. Surprisingly (to…
2022 · phqb.github.io · its alternatives →
- 8
Flow+Figma▲204Powerful animation tool. Export Lottie, iOS, Web, MOV & more
2020 · createwithflow.com · its alternatives →
- 9
Flow▲409Animate Sketch designs and generate production-ready code.
2017 · createwithflow.com · its alternatives →
- 10WF
2014 · haxiomic.github.io · its alternatives →
- 11
ANIMATE IT▲205Create GIFs and video animations easily in your browser
2019 · animateit.online · its alternatives →
- 12MF
2011 · demoseen.com · its alternatives →
- 13
The latest 3Blue1Brown video [1] about the M. C. Escher print gallery effect inspired me to re-implement the effect as WebGL fragment shader on my own. [1]: https://www.youtube.com/watch?v=ldxFjLJ3rVY
Apr 2026 · static.laszlokorte.de · its alternatives →
- 14WF
2016 · ghostinthecode.net · its alternatives →
- 15VJ
Velocity.js: An incredibly fast animation engine for motion designers.
2014 · velocityjs.org · its alternatives →
- 16
A prototype implementation of cloth simulation. It uses the soft body dynamics support in ammo.js.
2020 · playcanv.as · its alternatives →
- 17
particles.js▲113A lightweight JavaScript library for creating particles.
2014 · vincentgarreau.com · its alternatives →
- 18
Flow Lines▲212Mathematical art SVG creator with infinite variations
2019 · msurguy.github.io · its alternatives →
- 19
Make your projects even more engaging and interactive
2016 · its alternatives →
- 20
- 21
This tool turns videos into ASCII pixel art. You can use your webcam feed or upload a video, then use the controls to adjust the colors, resolution, text style, etc. Github repo: https://github.com/collidingScopes/ascii It's built with javascript / html canvas. I'll be continuing to work on this, with the goal of improving performance (it can be laggy at high resolutions) and to also allow image input (turn an image into animated ASCII art). Please let me know of any feedback or suggestions!
2024 · collidingscopes.github.io · its alternatives →
- 22AI
(space = reset) Fluid mechanics is an extremely interesting topic and I have been creative coding for a couple of months now. Therefore I started working on flow fields in processing. It had so much fun playing around with the different parameters in this project, I decided to rewrite in p5.js an added a control panel. You can change most of the parameters (within some constraints I thought to be reasonable), randomize the values and export and import settings. Hopefully some coders here get inspired and also join the great creative coding community.
2024 · synapse.nugatio.com · its alternatives →
- 23
Fliiip Book▲127A web app to bring back a small part of what made Flash such a great tool— the immediacy of personal expression on the web. Play around with it and share your GIFs with your friends. Enjoy!
2025 · fliiipbook.com · its alternatives →
- 24
Voxel-engine in Javascript. Contribute to Lallassu/voxelengine3 development by creating an account on GitHub.
2017 · github.com · its alternatives →
Also compare
- Particular Drift alternatives
- Real-Time 3D Gaussian Splatting in WebGL alternatives
- Create animations by dragging an element with your mouse alternatives
- A Marble Madness-inspired WebGL game we built for Netlify alternatives
- Particle Studio alternatives
- Simulating 20M Particles in JavaScript alternatives
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →