# Holographic material

> An easy-to-use holographic material · 2024 · Components, WebGL

Canonical page: https://andersonmancini.dev/projects/holographic-material

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

## Links

- [Open the live project](https://threejs-holographic-material.vercel.app/)

## More projects

- Previous in Components: [AutoFocus Component](https://andersonmancini.dev/projects/autofocus-component.md)