Dev tools · alternatives · 2026

24 alternatives to gBoxShadow.js – Gravity-Sensing box-shadow for flat UI

Gravity-sensing box-shadow for Flat UI. Contribute to Gigacore/gBoxShadow development by creating an account on GitHub.

gBoxShadow.js is a JavaScript library that applies gravity-sensing box-shadow effects to flat UI designs. The tool dynamically adjusts shadows based on device orientation, creating depth effects that respond to… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. gBoxShadow.js – Gravity-Sensing box-shadow for flat UI launched in 2015; newer entries below may have overtaken it.

1. 1GJ
   G9.js – Automatically Interactive Differentiable Graphics▲237

   2016 · omrelli.ug · 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
   Pts.js – A library for visualization and creative coding▲611

   Pts is a javascript library for visualization and creative-coding.

   2018 · ptsjs.org · its alternatives →

4. 4
   Black-hole.js – Visualize black hole gravitational lensing in WebGL▲72

   Renders black hole gravitational lensing effects in an image canvas using WebGL, glfx.js, and numeric.js - cliffcrosland/black-hole.js

   2015 · github.com · its alternatives →

5. 5
   CSSeffectsSnippets.▲292

   A collection of CSS effects with a click to copy.

   2019 · emilkowalski.github.io · its alternatives →

6. 6
   Granim.js – Create fluid and interactive gradients animations▲74

   Create fluid and interactive gradient animations with this small javascript library.

   2016 · sarcadass.github.io · its alternatives →

7. 7AT
   A tiny JS library for real-time localization of eye pupils▲153

   2019 · tehnokv.com · its alternatives →

8. 8OI
   OpenGL in super slow motion – visualising Z-buffering▲276

   Things orbital and not.

   2016 · orbides.org · its alternatives →

9. 9
   gravity.js - Beta▲112

   Gravity WebGL experiment in the Solar System

   2016 · github.com · its alternatives →

10. 10
    Minimal 3D creative coding tool – control 8×8×8 dots with JavaScript▲206

    A minimalist three-dimensional coding environment. Control 8x8x8 dots with a single JavaScript function.

    2021 · doersino.github.io · its alternatives →

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

12. 12
    CSS Box Shadows Generator▲112

    Create, edit and generate multiple custom CSS box shadows

    2023 · boxshadows.xyz · its alternatives →

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

14. 14MW
    My weekend project Parallax.js▲108

    2012 · stolksdorf.github.com · its alternatives →

15. 15
    ReactScrollShadow – CSS shadow to indicate scrollable area▲38

    Pure CSS shadow to indicate more content in scrollable area - zzarcon/react-scroll-shadow

    2018 · github.com · its alternatives →

16. 16
    Atropos▲149

    Touch-friendly 3D parallax hover effects

    2021 · atroposjs.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. 18IB
    I built a gravity simulator in pure CSS▲64

    2022 · multiplanetary.website · its alternatives →

19. 19
    I made CSS-only glitch effect▲50

    Slice It, Move It, Hue-rotate It!

    2025 · muffinman.io · its alternatives →

20. 20
    gggrain▲102

    SVG generator for grainy analog-feeling gradients

    2022 · fffuel.co · its alternatives →

21. 21
    Curved Space Shader in Three.js (via 4D sphere projection)▲68

    I made a GLSL shader that bends 3D space using a 4D hypersphere projection. The idea: 1. Project a model onto a 4D sphere 2. Rotate the sphere 3. Project the model back to 3D Code and details: https://github.com/bntre/CurvedSpaceShader Curious what you think.

    2025 · github.com · its alternatives →

22. 22BJ
    Bricklayer.js – Lightweight Cascading Grid Layout Framework▲27

    2016 · bricklayer.js.org · its alternatives →

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

24. 24
    Flatdraw▲93

    Open-source canvas drawing web app with responsive UI

    2023 · github.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 →