3D Book

Book with perspective animation

Open in

3D Book Component

Installation

Terminal
npx shadcn@latest add "https://ui.natanz.in/r/3d-book"

Usage

cookbook.tsx
import {
  Book,
  BookPages,
  BookCover,
} from '@/components/ui/3d-book'
cookbook.tsx
<Book
  color={color}
  href="/docs/components/3d-book"
  title="3D Book Component"
>
  <BookPages />
  <BookBack color={color} />
</Book>