Book
A sleek and interactive 3D book component that flips open on hover, featuring smooth motion, layered depth, and customizable content.
Preview
Installation
npx shadcn@latest add "https://ui.rechesoares.com/registry/book.json"
Component Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| content | ReactNode | - | Yes | The inner content of the book. |
| cover | ReactNode | - | Yes | The front cover of the book. |
| backOfCover | ReactNode | - | No | Optional content displayed on the inside of the front cover. |
| rotate | number | -30 | No | Initial Y-axis rotation of the entire book. |
| coverRotate | number | -100 | No | Y-axis rotation of the front cover when hovered. |
| color | string | #e30012 | No | Color used for the book's spine and back cover. |
| className | string | - | No | Custom class name for additional styling. |