Singularity — Raymarched Black Hole

A real-time raymarched black hole — gravitational lensing, Doppler-beamed accretion disk, and a photon ring in one fragment shader.

Tech stack

Built with

Next.js App RouterTypeScriptReact Three FiberGLSL

#Raymarching#GLSL#WebGL#React Three Fiber#Shader

Features

Everything shipped in this template — interaction, motion, and production-minded details.

Real-time raymarched black hole

Gravitational lensing + photon ring

Doppler-beamed accretion disk

Single fragment-shader core

Details

Singularity is a GPU shader experiment at /singularity in Premium Frontend.

A real-time GPU fluid simulation — Navier-Stokes with advection, vorticity, and pressure projection. Drag to paint the flow.

An immersive architectural study — space, light, and materials in a slower visual rhythm. Next.js App Router with Motion storytelling.

We take these starting points and build fully custom 3D web experiences, SaaS products, and interactive brand showcases.