# HoloCard

> HoloCard provides a single, easy-to-use HolographicCard React component that adds depth and motion to UI elements. Each card reacts to mouse movement with subtle 3D tilt, a dynamic radial spotlight that follows the cursor, and an animated holographic shimmer layered behind the content. Props let you supply an image or custom children, control width and height, and change glow and shimmer colors. The component is fully styled with CSS variables so it’s simple to theme, responsive out of the box, and safe-falls back to a placeholder image on load failure.

- Author: [Dhileep Kumar GM](https://21st.dev/@dhileepkumargm)
- License: unknown
- npm dependencies: prop-types
- Live preview: https://21st.dev/@dhileepkumargm/components/holo-card

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/dhileepkumargm/holo-card?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt