# Animated Book — Skecher UI

A reusable 3D book preview with custom cover art, controlled and uncontrolled states, keyboard interaction, and reduced-motion support.

## Install

```bash
bunx --bun shadcn@latest add CoDesign-Spa27/skecher-ui/animated-book
```

## Dependencies

- motion

## Implementation guidance

- No additional implementation constraints are documented.

## Usage

```tsx
import { AnimatedBook } from "@/components/ui/animated-book";

export default function AnimatedBookExample() {
  return (
    <AnimatedBook
      coverImage="/images/book-cover.jpg"
      coverImageAlt="A misty mountain landscape"
      aria-label="Preview the field notes book"
    />
  );
}
```

## Source files

- components/ui-components/animated-book.tsx — Accessible 3D animated book preview

## Canonical resources

- Documentation: https://skecher-ui.com/docs/animated-book
- Registry item with complete source: https://skecher-ui.com/r/animated-book.json
- Component AI context: https://skecher-ui.com/llms/animated-book