nowfound

Dev tools · alternatives · 2026

24 alternatives to Curved Space Shader in Three.js (via 4D sphere projection)

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.

Curved Space Shader is a GLSL shader for Three.js that bends 3D space by projecting models onto a 4D hypersphere, rotating them in four-dimensional space, and projecting them back to 3D. It is designed for developers… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.

  1. 1IM

    I made this site using R3F (https://github.com/pmndrs/react-three-fiber), a React renderer for 3JS (https://threejs.org/). The celestial bodies are Three.JS meshes. I used loaders (namely 'useLoader' from R3F and 'GLTFLoader' from 3JS) to import 3D models, such as International Space Station. More on loading models in R3F: https://docs.pmnd.rs/react-three-fiber/tutorials/loading-mod... I've future plans for this side project. It would be great to hear from the HN community before diving into them. Enjoy! P.S: Getting an empty…

    2022 · spaceinbrowser.com · its alternatives →

  2. 2

    I was wondering how I can arrange objects along a spherical helix path, and read some articles on it. I ended up learning about parametric equations again, and make this visualization to document what I learned: https://visualrambling.space/moving-objects-in-3d/ feel free to visit and let me know what you think!

    2025 · visualrambling.space · its alternatives →

  3. 3

    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 →

  4. 4

    Create beautiful moving gradients on Framer and Figma

    2023 · shadergradient.co · its alternatives →

  5. 5

    I'm the co-creator and maintainer of https://aframe.io/ and long time Web 3D graphics dev. Super excited about new techniques to author / render / represent 3D. Spark is a an open source library to easily integrate Gaussian splats in your THREE.js scene I worked with some friends and I hope you find useful. Looking forward to hearing what features / rendering techniques you would love to see next.

    2025 · sparkjs.dev · its alternatives →

  6. 6

    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 →

  7. 7

    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 →

  8. 8

    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 →

  9. 9

    When building a 3D scene using libraries such as Three.js we generally use meshes. You define a geometry attach some material to it to…

    2023 · varun.ca · its alternatives →

  10. 10

    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 →

  11. 11OS
  12. 12

    Neural network 3D visualization framework, build interactive and intuitive model in browsers, support pre-trained deep learning models from TensorFlow, Keras, TensorFlow.js - GitHub - tensorspace-team/tensorspace: Neural network 3D visualization framework, build interactive and intuitive model in br

    2018 · github.com · its alternatives →

  13. 13

    Ever since I remember I had a lot of curiosity regarding hyper dimensional spaces. Picturing higher dimensions, such an impossible yet exciting idea... So years ago I came across a small GIF of a tesseract. Since then it left me wondering how cubes from even higher dimensions would look like... Years passed and I became a software developer, decided to tackle the problem myself and ncube was the result. ncube allows you to visualize rotating hypercubes of arbitrary dimensions. It works by rotating the hyperdimensional vertices and applying a chain of perspective projections to them until the…

    2023 · ncube.ndavd.com · its alternatives →

  14. 14SL

    Create, stack, and animate shader effects on images, video, text, and 3D models — free, in your browser, powered by WebGPU. Export video, publish to the community gallery, and remix any published scene.

    Apr 2026 · eng.basement.studio · its alternatives →

  15. 15
    Gio.js▲77

    3D globe info visualization library built with Three.js

    2018 · github.com · its alternatives →

  16. 16

    Contribute to westoncb/nonlinear-optics-sandbox development by creating an account on GitHub.

    2025 · github.com · its alternatives →

  17. 17

    map33.js is a JavaScript library to build 3D maps. Made by Openbloc with three.js.

    2020 · map33.openbloc.com · its alternatives →

  18. 18

    A very simple example of how shaders in OpenGL can be used, to color Objects or map a texture on some triangles. - MauriceGit/Simple_GLSL_Shader_Example

    2016 · github.com · its alternatives →

  19. 19

    Mobile-first 3D mapping engine with emphasis on user experience - felixpalmer/procedural-gl-js

    2020 · github.com · its alternatives →

  20. 20TL
  21. 21SG
  22. 22FP

    Hello HN users, This is a CAD by code project I have been working on on my free time for more than year now. I built it with 3 goals in mind: - It should be familiar to CAD designers who have used other programs. Same workflow, same terminology. - Reduce the mental effort required to create models as much as possible. This is achieved by: - Provide live rendering and visual guidance as you type. - Allow the user to reference existing edges/faces on the scene instead of having to calculate everything. - Provide interactive mouse helpers for features that are hard to write by code: Only 3…

    Apr 2026 · fluidcad.io · its alternatives →

  23. 23
  24. 24

    Render 3D models (OBJ, glTF, GLB, STL, .vox) as ASCII art — in the browser, in React or Vue, or straight in your terminal. A three.js-style API with no WebGL and no canvas: just text in a single <pre>.

    Jun 2026 · glyphcss.com · its alternatives →

Also compare

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 →