Life & fun · alternatives · 2026

Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. CSS3 Optical Illusion Dots Moving in a Line Into a Spinning Circle launched in 2014; newer entries below may have overtaken it.

1. 1
   CSS generator for a high-def glass effect▲420

   There are lots of glassmorphism generators out there, but I wanted to push the effect further! This project is the result of months of experimenting with CSS property layering and battling browser quirks. Cross-browser compatibility is actually the reason I rely on ::before and ::after pseudo-elements to build up the effect. Move the color/opacity to the main element, and you’ll get weird color bleed on the corners in Chrome. Move the texture, and it muddles the bevel’s specular highlight. Move the bevel, and it gets blurred out by the backdrop-filter. And so on! Layers include: *…

   2025 · glass3d.dev · its alternatives →

2. 2CA
   CSS3 Animated Glowing Forms▲182

   I remember seeing the Dragon Labs Dragonfish Glowing Form Demo[1] when it first came out, and it always stuck in my head. They implement the effect by using a rather large background image and a mask image and move the background image around via Javascript. I was inspired and wanted to see how close I could get with CSS3. I recommend using a Webkit browser [and you can see an alternate version of the animation on Firefox 4]. [1] http://labs.dragoninteractive.com/panel/demo/

   2011 · kaylarose.github.com · its alternatives →

3. 3
   Minimal 3D creative coding tool – control 8×8×8 dots with JavaScript▲206

   A minimalist three-dimensional coding environment. Control 8x8x8 dots with a single JavaScript function.

   2021 · doersino.github.io · its alternatives →

4. 4
   M. C. Escher spiral in WebGL inspired by 3Blue1Brown▲176

   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 →

5. 5
   A raycaster that renders to random dot stereogram (like Magic Eye)▲277

   A raycaster that renders to random dot stereogram - ammonb/stereogram-raycaster

   2019 · github.com · its alternatives →

6. 6
   I saw this cool navigation reveal, so I made a simple HTML+CSS version▲141

   Two clip-paths, over the navigation: - The first clip-path is a circle (top-left corner) - The second clip-path is a polygon, that acts like a ray (hardcoded, can be improved) The original work by Iventions Events https://iventions.com/ uses JavaScript, but I found CSS-only approach more fun Here's a demo and the codebase: https://github.com/Momciloo/fun-with-clip-path

   Feb 2026 · github.com · its alternatives →

7. 7
   CSS Game▲77

   Place your cursor on the dot to start. Avoid the walls.

   2016 · victordarras.fr · its alternatives →

8. 8
   CSS Glassmorphism Generator▲77

   Create stunning, transparent UI designs in seconds

   2023 · its alternatives →

9. 9
   CSS Triggers▲80

   A game of layout, paint and composite

   2014 · csstriggers.com · its alternatives →

10. 10
    Walkway.js▲121

    An easy way to animate simple SVG elements

    2014 · connoratherton.com · its alternatives →

11. 11
    Wicked Dots▲4

    Swap poles to match falling dots.

    2015 · apps.apple.com · its alternatives →

12. 12
    Colorful Gradients▲72

    1 CSS Gradient Background per second.

    2014 · its alternatives →

13. 13CC
    Cubes Challenge: Optical Illusion Game▲5

    2014 · cubeschallenge.com · its alternatives →

14. 14CT
    CSS3 transform example▲8

    2017 · grondilu.github.io · its alternatives →

15. 15AP
    A partial clone of the Dots game in JavaScript▲8

    2014 · viniciuspinto.github.io · its alternatives →

16. 16CD
    Color drop animation▲9

    2015 · codepen.io · its alternatives →

17. 17IA
    Implementing a trackball with rational numbers▲11

    2017 · grondilu.github.io · its alternatives →

18. 18CO
    CSS-Only Wolfenstein▲5

    A little experiment for learning CSS 3D transformation & animation.

    2022 · codepen.io · its alternatives →

19. 19WD
    [WebGL Demo] Indirect Lighting Using Reflective Shadow Maps▲6

    2017 · erkaman.github.io · its alternatives →

20. 20W1
    WebGL 1M particles▲8

    2017 · img42.com · its alternatives →

21. 21VO
    Visualization of Catmull-ROM Spline Generation▲6

    2023 · billhillapps.com · its alternatives →

22. 22A6
    A 683 byte tooltip in pure CSS▲9

    2016 · mightycrow.github.io · its alternatives →

23. 23
    Circular Slider▲9

    Unusual demo of a circular slider

    2018 · fribly.com · its alternatives →

24. 24
    Creating flowing particle animations out of images (JS and WebGL)▲7

    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.

    2025 · particular-drift.netlify.app · its 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 →