CardsNew
Book
A book cover with a spine and pages. On hover it turns in 3D. CSS transforms only.
Customize
color
textColor
Based on Book (MIT license) ยท Terms of use
More in Pro
View allProps
8 properties| Property | Type | Default | Description |
|---|---|---|---|
| title | string | โ | Title on the cover. |
| variant | 'stripe' | 'simple' | "stripe" | Cover with a color stripe or a plain one. |
| color | string | "#d4d4d4" | Color of the stripe or the whole cover. |
| textColor | string | "#fafafa" | Title color. |
| width | number | 196 | Book width in pixels. |
| illustration | ReactNode | โ | Illustration in the cover stripe. |
| logo | ReactNode | โ | Logo or icon at the bottom of the cover. |
| className | string | โ | Classes for the wrapper. |
Dependencies
3 required packages
npm install motion clsx tailwind-merge