Holographic material
An easy-to-use holographic material · 2024 · Components, WebGL
An easy-to-use holographic shader material for Three.js and React Three Fiber — iridescent color shifts, scan lines and fresnel glow without writing GLSL from scratch.
Apply it to any mesh and dial in intensity, speed and color bands from a small set of props. Built for UI accents, sci-fi props and product hero moments where a surface should feel alive and slightly unreal.
Includes a live demo and source you can adapt into your own WebGL scenes.
Technical details
- React Three Fiber
- WebGL
- Holographic Shader
- Iridescence
- Custom Shaders
- Three.js