Life & fun · alternatives · 2026

This is an interactive WebGL demo that explores bump mapping techniques for graphics rendering. It is designed for developers and graphics enthusiasts interested in understanding how to add visual details to 3D… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Exploring bump mapping with WebGL launched in 2017; newer entries below may have overtaken it.

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

   2023 · antimatter15.com · its alternatives →

2. 2
   WebGL Playground▲89

   2014 · jessevdk.github.io · its alternatives →

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

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

   2011 · demoseen.com · its alternatives →

5. 5
   WebGPU Tech Demo▲141

   WebGPU tech demo running in modern browsers showcasing various rendering techniques like deferred rendering with 400+ dynamic lights, Hi-Z screen space reflections and cascaded shadow mapping.

   2024 · gnikoloff.github.io · its alternatives →

6. 6
   Webflow 3D Transforms▲318

   Build 3D interactions visually, without writing any code

   2015 · 3d-transforms.webflow.com · its alternatives →

7. 7WF
   WebGL Fire Simulation▲143

   2016 · ghostinthecode.net · its alternatives →

8. 8MW
   Mixing WebGL and HTML, Both Rendered Out in React▲129

   2019 · subdued-health.surge.sh · its alternatives →

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

10. 10FT
    Fourier Transform Visualized via WebGL▲175

    2021 · static.laszlokorte.de · its alternatives →

11. 11AS
    A simple infinite world in WebGL▲181

    2016 · erkaman.github.io · its alternatives →

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

13. 13MP
    Mountain Peaks in WebGL▲281

    2020 · felixpalmer.github.io · its alternatives →

14. 14
    Volume rendering 3D data in Three.js and GLSL▲108

    I've been going through Cem Yuksel's "Introduction to Computer Graphics" course and thought that writing a volume renderer would be a good way to test my knowledge. It is a common technique used to render 3D medical data. Works by ray marching a specific step size, reading a 3D texture (e.g. MRI data), and calculating opacity values. Code should be easy to get started with for anyone familiar with the JS ecosystem. Questions for the HN community: I spent 20-25% of the entire time just setting up the project and fighting issues with the JavaScript ecosystem. This experience has made me…

    2024 · github.com · its alternatives →

15. 15
    Celer3D▲81

    Collaborative parameterised 3D modelling web application

    2023 · its alternatives →

16. 16
    Parallax wallpaper engine for Linux and Windows▲225

    Multi-platform parallax wallpaper engine. Contribute to jszczerbinsky/lwp development by creating an account on GitHub.

    2023 · github.com · its alternatives →

17. 17
    WebGL-Based Cloth Simulation▲42

    A prototype implementation of cloth simulation. It uses the soft body dynamics support in ammo.js.

    2020 · playcanv.as · its alternatives →

18. 18
    3D Parallax Editor by Webydo▲145

    Craft interactive 3D animations, without code

    2016 · 3d-parallax.webydo.com · its alternatives →

19. 19
    Giving a 2D grid a 3D look – part 4▲155

    2021 · victorribeiro.com · its alternatives →

20. 20ST
    SVG Triangulation for WebGL▲94

    2015 · mattdesl.github.io · its alternatives →

21. 21
    WebGL Voxel Engine▲113

    Voxel-engine in Javascript. Contribute to Lallassu/voxelengine3 development by creating an account on GitHub.

    2017 · github.com · its alternatives →

22. 22WD
    WebGL Demo in ReasonML▲74

    2018 · emnh.github.io · its alternatives →

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

24. 24MC
    Mechanical clock simulation in WebGL▲109

    2015 · nikital.github.io · 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 →