Category
3D
Components built on React Three Fiber and hand-written GLSL: refraction, GPU instancing, displacement. These are the pieces that make a page feel like it was built rather than assembled — and the ones most likely to wreck your frame budget if used carelessly, which is why each states its cost up front.
Instanced Field
+168KBThousands of bars rippling away from the pointer, in one draw call.
GPU·three, @react-three/fiber
Displaced Image
+3.2KBAn image that ripples and splits into colour channels under the cursor.
GPU·no dependencies
Particle Morph
+4.1KBThousands of points flowing between formations, scattering from the cursor.
GPU·no dependencies
Refraction
+2.9KBMoulded glass over a colour field, bending and dispersing what is behind it.
GPU·no dependencies
Tunnel
+2.3KBEndless perspective from a coordinate transform, not geometry.
GPU·no dependencies
Aurora
+2.2KBLayered curtains of light that brighten where they cross.
GPU·no dependencies