Holographic UI components
Holographic style uses iridescent, rainbow-shifting gradients and foil shimmer to make surfaces feel premium and futuristic. Add the shine with these free React and Tailwind components.
Holographic components
- ✓ Unlimited components
- ✓ All 41 styles
- ✓ Figma export
About holographic
Holographic style uses iridescent, rainbow-shifting gradients and foil shimmer to make surfaces feel premium and futuristic. Add the shine with these free React and Tailwind components. Liquid-metal sheen, rainbow chrome.
All Holographic blocks are free, MIT-licensed and copy-paste ready in React & Tailwind. Need raw CSS? Try the free generators, or browse every look in the full collection.
FAQ
Holographic style uses iridescent, rainbow-shifting gradients and foil shimmer to make surfaces feel premium and futuristic. Add the shine with these free React and Tailwind components.
Holographic is defined by liquid-metal sheen, rainbow chrome. Use the shared color, radius, border, shadow and motion tokens in the examples above to reproduce the look consistently in React and Tailwind.