Updated: Reflective Card
By Steven Van ·
The satin metal card reflects a looping video until the camera is on, tilts toward the cursor, and has dark and light themes.
Reflective Card, the React Bits component, has been rebuilt as a satin metal card. It reflects a looping video until the camera is turned on.
What the card does
- Reflects a looping video by default, and switches to the camera feed when the camera is turned on.
- Tilts toward the cursor.
- Catches a sweeping light as it moves.
- Comes in dark and light themes.
Installation
The component can be added in JavaScript or TypeScript, with plain CSS or Tailwind. The TypeScript and Tailwind version installs with npx shadcn@latest add @react-bits/ReflectiveCard-TS-TW.
React Bits
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →