For Tailwind CSS v3 docs, click here.

3D书本

A 3D book component featuring customizable sizes and color gradients.

通过 CLI 安装

npm
pnpm
bun
yarn
npx shadcn-vue@latest add "https://registry.inspira-ui.com/book.json"

手动安装

在同一个文件中,复制并粘贴以下代码:

Book.vue
BookHeader.vue
BookTitle.vue
BookDescription.vue
index.ts

API

Components props

Book

Prop 名称类型默认值描述
classString-Additional classes for styling the component.
durationNumber1000Animation duration in milliseconds.
colorString"zinc"Color theme for the book gradient.
isStaticBooleanfalseDisables hover animations when true.
sizeString"md"Size variant of the book.
radiusString"md"Border radius variant of the book.
shadowSizeString"lg"Shadow size variant of the book.

BookHeader

Prop 名称类型默认值描述
classString-Additional classes for custom styling.

BookTitle

Prop 名称类型默认值描述
classString-Additional classes for custom styling.

BookDescription

Prop 名称类型默认值描述
classString-Additional classes for custom styling.

感谢

  • Credits to x/UI for inspiring this component.
  • Credits to kalix127 for porting this component.