A WebGL2 sandbox lets you push, tilt, and shake hyper-realistic sand right in your browser

Hyper-Realistic Sand with WebGL2

Built with WebGL2 and JavaScript, this browser-based sand simulator runs on phones, tablets, and desktops. You can push grains around with your finger, tilt your device to make them slide, or shake it to scatter them, and it also offers pour, draw, and lay-flat modes for shaping the pile.

Push grains with your finger, tilt your phone to make them slide, or shake to scatter them.
  1. evnp

    Super loud sound warning, us parents and folks wearing headphones would really appreciate default sound off. Or at least a some indication to turn volume down before tapping "pour"

  2. smusamashah

    Found source repo here https://github.com/av/safe-sand

  3. alex_duf

    On a mobile phone it makes a lot more sense. Try shaking it!

  4. nkmnz

    Something seems wrong with the stones. They seem to move way to fast. They need more friction.

  5. bob1029

    I like how when my phone's forward vector is aligned with world up all the sand falls out.

More from this day

2026-11-11