# Updated: Tilted Card

By Steven Van · 2026-10-12

The open-source React component now flips to a back side, supports touch and phone tilt, and ships with album, gallery and ticket demos.

The [React Bits](<https://creatorstoolbox.com/resources/react-bits>) Tilted Card component has been [rebuilt](<https://reactbits.dev/components/tilted-card>) with springy motion, glare, a soft shadow and floating depth layers. It no longer needs any extra dependencies.

## What the card does now

The 3D card tilts toward the cursor. Cards can now flip to show a back side, and they work with touch and with phone tilt.

## Demos

The update comes with album, gallery and ticket demos.

## Installation

The component can be added with the shadcn CLI. The page offers JavaScript or TypeScript, and plain CSS or Tailwind. For the TypeScript and Tailwind version, the command is npx shadcn@latest add @react-bits/TiltedCard-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/tilted-card>)

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

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