AI CSS Animations

Premium

Penrose Pentagrid Shimmer

A Penrose tiling of thick and thin rhombi, built from five overlapping grids, catches the light as fronts sweep across it. Token rate sends the fronts faster and more often.

Also known as: penrose tiling, aperiodic tiling, de bruijn pentagrid, quasicrystal pattern.

Premium

Unlock the standalone HTML and GLSL

Everything you see above is live. Basic and Pro include every premium piece, with the standalone HTML and GLSL ready to copy, plus Motions in Claude Code on Pro.

Customizing this shader

  • Speed: uTps is the token rate and uTokens the running count. The standalone runner adds a natural wobble to a fixed rate, the way real streams speed up and slow down.
  • Color: set data-color on the canvas, or change uColor in the Shadertoy version. Currently previewing #3dd6c6.
  • Size: style the canvas with CSS. It renders at up to twice your screen's pixel density and stops drawing while it is off screen.
  • Reduced motion: the runner draws a single still frame for people who asked their OS for less motion.

Similar shaders