Liquid Guilloché

In plain words

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 designs. It's aimed at people interested in generative art, mathematics, and web graphics who want to understand the elegant simplicity behind these beautiful geometric patterns.

written from the facts on this page · September 2026

From the sources

Having recently read a blog post on guilloches[1], I became intrigued and the post inspired me to recreate them. They are beautiful patterns, and the starting formula to draw a rosette looked very simple to replicate in an HTML5 canvas. The 30 minute project quickly took off into a several hour excursion into the beauty of animated guilloches. The formula for the basic rosette guilloche is not something you would stumble upon when playing around with graphics. It is elegant and simple, and if you have a basic understanding of graphing trigonometry equations you can grasp it without difficulty. In the physical world, a layperson would recognise it as a spirograph[2]. Math .tau = Math .tau||(…from max.io

• 
  Strange AttractorsOct 2025 · blog.shashanktomar.com · ▲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…

• 
  A Marble Madness-inspired WebGL game we built for Netlify2024 · 5-million-devs.netlify.com · ▲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…

• 
  Liquid Wave2022 · ▲251

  Gradients to decor your info, product & marketing visuals

• 
  Liquid Metal2025 · app.paper.design · ▲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…

• RT
  Real-Time 3D Gaussian Splatting in WebGL2023 · antimatter15.com · ▲309
• 
  M. C. Escher spiral in WebGL inspired by 3Blue1BrownApr 2026 · static.laszlokorte.de · ▲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

• 
  SimCity, but with Permits▲939

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 7d ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 19d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 20d ago · bigwords.page

• 
  Steal My Bitcoin▲619

  A PHP security challenge. Find the hidden bitcoin key. First person to get the wallet wins.

  Life & fun · 3d ago · stealmybitcoin.com

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 14d ago · guitoro.com

• 
  Product Hunt Visual Launch Editor▲443

  See your launch as you build it

  Life & fun · 5d ago

• 
  Product Hunt LIVE 💬▲848

  Chat with some of the world’s most interesting makers

  Life & fun · 2015

• 
  Nebia Shower▲838

  Better shower, 70% less water

  Life & fun · 2015 · brondell.com

• MS
  My SSH server knows who you are▲836

  Life & fun · 2015 · blog.filippo.io

• 
  M▲714

  A personal assistant built inside Facebook Messenger

  Work · 2015 · facebook.com

• 
  Content Marketing Stack▲673

  A curated directory of content marketing resources

  Growth · 2015 · contentmarketingstack.co

• 
  Growth Hacking Tools▲650

  A curated collection of growth hacking tools

  Growth · 2015