Updated: Tilted Card
By Steven Van ·
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 Tilted Card component has been rebuilt 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
An open-source collection of 200+ animated, interactive React components and micro-interactions.
View React Bits →