# Holographic Material for React Three Fiber

> holographic material is almost ready. Thanks to @OtanoDesign we now have an optional blinking effect . And thanks to @th_ebenezer, the material can run…

Canonical page: https://andersonmancini.dev/videos/holographic-material-for-react-three-fiber

Published: 2023-11-28 · Duration: 1:21 · Category: Components · Tags: three.js, react-three-fiber, shaders, three-js, free-resource, holographic, holo-shader, holographic-shader

Watch: [YouTube](https://www.youtube.com/watch?v=njJc-O_imb4) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

holographic material is almost ready. Thanks to @OtanoDesign we now have an optional blinking effect . And thanks to @th_ebenezer, the material can run through animated skinned models .

You can download it now for free here:

The Vanilla threejs version is now available for download. It has a lot of adjustments and it is very easy to use.

Download it now:

Code sandbox example Vanilla Threejs:

Code sandbox example r3f:

You can also pass different props for each part of the mesh

## Links from the video

- [Live demo](https://threejs-holographic-material.vercel.app)
- [Live demo](https://threejs-vanilla-holographic-material.vercel.app/)
- [CodeSandbox](https://codesandbox.io/p/sandbox/three-js-vanilla-holographic-material-8clmrd)
- [CodeSandbox](https://codesandbox.io/p/devbox/holographic-material-for-react-three-fiber-simple-example-hq24t2)

## Related projects

- [Holographic material](https://andersonmancini.dev/projects/holographic-material.md) — An easy-to-use holographic material

## Related articles

- [A holographic material built from three ideas](https://andersonmancini.dev/blog/holographic-material.md)