Life & fun · alternatives · 2026

Liquid Guilloché is a blog by Max Irwin exploring animated guilloché patterns created with HTML5 canvas. The site demonstrates how mathematical formulas using trigonometry can generate intricate, flowing visual… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Liquid Guilloché launched in 2015; newer entries below may have overtaken it.

1. 1
   Strange Attractors▲804

   I went down the rabbit hole on a side project and ended up building this: Strange Attractors(https://blog.shashanktomar.com/posts/strange-attractors). It’s built with three.js. Working on it reminded me of the little "maths for fun" exercises I used to do while learning programming in early days. Just trying things out, getting fascinated and geeky, and being surprised by the results. I spent way too much time on this, but it was extreme fun. My favorite part: someone pointed me to the Simone Attractor on Threads. It is a 2D attractor and I asked GPT to extrapolate it to…

   Oct 2025 · blog.shashanktomar.com · its alternatives →

2. 2
   A Marble Madness-inspired WebGL game we built for Netlify▲616

   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 →

3. 3
   Liquid Wave▲251

   Gradients to decor your info, product & marketing visuals

   2022 · its alternatives →

4. 4
   Liquid Metal▲316

   Paper is a new design tool. We launched into open alpha today. Anyone can now sign up and use Paper. We started Paper about 1 year ago with the goal to bring more creativity back into design tools. It feels like the existing options are becoming increasingly corporate. To celebrate to launch, we published a new shader that lets anyone see their logo in Apple's new heat map animation style. There is no sign-up needed at heat.paper.design. We're always looking for feedback from anyone who uses Sketch, Figma, Photoshop, or Illustrator, about what they most need in their professional design…

   2025 · app.paper.design · its alternatives →

5. 5RT
   Real-Time 3D Gaussian Splatting in WebGL▲309

   2023 · antimatter15.com · its alternatives →

6. 6
   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 →

7. 7
   Liquid Math▲78

   Create generative art with biological simulations

   2022 · apps.apple.com · its alternatives →

8. 8
   MagicPattern▲443

   Create magical geometric patterns and many other graphics...

   2020 · magicpattern.design · its alternatives →

9. 9
   An isometric marble run build in CoffeeScript▲141

   Elegance in Every Detail

   2011 · marbleo.us · its alternatives →

10. 10
    Repaint – a WebGL based website builder▲236

    Hey HN! We're Ben and Izak, founders of Repaint (YC S23). Repaint is like Figma, but for creating real websites. It has panning, zooming, and dragging elements around. The settings closely follow html/css. We think an open canvas is a big improvement over other website builders. Everything is easier: styling, consistency, responsiveness… But making it work was hard! We thought HN would appreciate the tech behind it: - A custom WebGL rendering engine (w/text, shadows, blurs, gradients, & opacity groups) - A partial implementation of the css spec - A custom text editor & text shaper…

    2024 · repaint.com · its alternatives →

11. 11
    Rendering One Million Datapoints with D3 and WebGL▲200

    Over the weekend I was discussing the latest news relating to open weights with some of my non-techie friends. After 30 mins of waffling, I realised it is quite a long and interesting story, with many twists and turns. I've always wanted to create a 'long scroll' story, but have never found a suitable story to tell. This felt like a fun weekend project to undertake. The story itself doesn't have too many scroll effects (which is probably a good thing), it was more about trying to tell a story with a certain style that wouldn't really fit on my personal blog. Would love to get your feedback…

    2020 · blog.scottlogic.com · its alternatives →

12. 12
    Fluid for Sketch▲313

    Sketch plugin to make your responsive designs more efficient

    2015 · github.com · its alternatives →

13. 13FP
    FluidCAD – Parametric CAD with JavaScript▲160

    Hello HN users, This is a CAD by code project I have been working on on my free time for more than year now. I built it with 3 goals in mind: - It should be familiar to CAD designers who have used other programs. Same workflow, same terminology. - Reduce the mental effort required to create models as much as possible. This is achieved by: - Provide live rendering and visual guidance as you type. - Allow the user to reference existing edges/faces on the scene instead of having to calculate everything. - Provide interactive mouse helpers for features that are hard to write by code: Only 3…

    Apr 2026 · fluidcad.io · its alternatives →

14. 14
    I ported Manim to TypeScript (run 3b1B math animations in the browser)▲140

    Hi HN, I'm Narek. I built Manim-Web, a TypeScript/JavaScript port of 3Blue1Brown’s popular Manim math animation engine. The Problem: Like many here, I love Manim's visual style. But setting it up locally is notoriously painful - it requires Python, FFmpeg, Cairo, and a full LaTeX distribution. It creates a massive barrier to entry, especially for students or people who just want to quickly visualize a concept. The Solution: I wanted to make it zero-setup, so I ported the engine to TypeScript. Manim-Web runs entirely client-side in the browser. No Python, no servers, no install. It runs…

    Feb 2026 · github.com · its alternatives →

15. 15
    Flow Lines▲212

    Mathematical art SVG creator with infinite variations

    2019 · msurguy.github.io · its alternatives →

16. 16
    Make 3D art in your browser using Lisp and math▲252

    Bauble is a toy that I've been working on for a few weeks, and I think it's reached the point where other people could have fun with it! Bauble is based on raymarching signed distance functions, which are kind of like... 3D vector art? They're pretty common in the procedural art community and you can do some amazing things with them, but normally writing SDFs means writing low-level shader code. I wanted to play with SDFs, but I found it very frustrating to translate "I want to rotate this" into "okay, that means I have to construct a rotation matrix, and then apply it to the current point,…

    2022 · bauble.studio · its alternatives →

17. 17
    Poulette – A Color Palette GUI▲118

    Proof of concept for a color mixer interface. Contribute to grgrdvrt/poulette development by creating an account on GitHub.

    2021 · github.com · its alternatives →

18. 18
    Free and open-source home for art made with code▲144

    Browse and share GPU-made GIFs. Explore GLSL shader experiments, search by topic, and open any piece in the editor to learn or remix.

    2018 · shadergif.com · its alternatives →

19. 19MF
    My first WebGL demo, the first self-extracting PNG ever?▲101

    2011 · demoseen.com · its alternatives →

20. 20
    I've made a Monte-Carlo raytracer for glTF scenes in WebGPU▲131

    This is a GPU "software" raytracer (i.e. using manual ray-scene intersections and not RTX) written using the WebGPU API that renders glTF scenes. It supports many materials, textures, material & normal mapping, and heavily relies on multiple importance sampling to speed up convergence.

    2024 · github.com · its alternatives →

21. 21
    Color Orbs (Generative Art)▲49

    Hi all, This is a generative art project I worked on over the past year or so consisting of about 100 little artworks generated using P5.js. I have an overview and technical write up here: https://dannyking.uk/artwork/colororbs You can play with my interactive demo and make your own here: https://dannyking.uk/artwork/colororbs/designer And the gallery is here: https://dannyking.uk/artwork/colororbs/gallery This project came about after reading a HN post about a year ago…

    2022 · dannyking.uk · its alternatives →

22. 22
    Bubbly – animated backgrounds in 662 bytes▲75

    Beautiful bubbly backgrounds in less than 1kB (750 bytes gzipped) - tipsy/bubbly-bg

    2017 · github.com · its alternatives →

23. 23FT
    Fourier Transform Visualized via WebGL▲175

    2021 · static.laszlokorte.de · its alternatives →

24. 24
    3D Renderer Built using 2D HTML Canvas▲54

    2017 · vivekseth.com · 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 →