Dimensional Book Cover
ProA tactile 3D book cover that opens on click with real matte depth, then turns each page on a weighted hinged flip.
css 3d3dcssbookcoverperspectivehover
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | "Design Systems Fieldbook" | Primary title rendered on the cover. |
subtitle | string | "Production patterns for sharper UI craft" | Optional supporting line below the title. |
variant | "banded" | "solid" | "banded" | Switches between a top-artwork band and a full-color cover. |
accent | string | "#c45a45" | Flat cover color for the band or solid face. Prefer solid matte colors. |
textColor | string | - | Overrides the cover text color. |
width | number | 208 | Book width in pixels. Height follows the fixed cover ratio. |
artwork | React.ReactNode | - | Custom artwork rendered in the banded cover area. |
mark | React.ReactNode | - | Optional logo or mark rendered near the bottom of the cover. |
pages | React.ReactNode[] | - | Interior pages. Each click after open flips to the next page. |