# Updated: Reflective Card

By Steven Van · 2026-10-12

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](<https://creatorstoolbox.com/resources/react-bits>) component, has been [rebuilt](<https://reactbits.dev/components/reflective-card>) 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](<https://reactbits.dev/favicon.ico>)

React Bits

An open-source collection of 200+ animated, interactive React components and micro-interactions.

[View React Bits →](<https://creatorstoolbox.com/resources/react-bits>)

Sources

[Original source](<https://reactbits.dev/components/reflective-card>)

[Read Updated: Reflective Card on Creators Toolbox](<https://creatorstoolbox.com/blog/react-bits-updated-reflective-card>)

---
Canonical source: https://creatorstoolbox.com/blog/react-bits-updated-reflective-card