Overview
Components
Text Animations
Perspective Book
A 3D book component with hover animation and customizable appearance.
Perspective Interfaces
A layered cover that turns any slot content into a dramatic book-style reveal.
Spell Collection
Svelte AnimationsInstallation
pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/s/perspective-book.json
Copy the Source Code
Copy and paste the following code into your project:
perspective-book.svelte
index.ts
Folder Structure
Folder Structure
Download textured cover image
Use this texture for the optional textured book finish and save it in your app's `static/` folder.
Examples
Textured Preview
Zoom in to view the texture details.
Building Interfaces the Svelte Way
A compact tribute to compiler-driven UI design and the creator behind it.
Creator of Svelte
Rich HarrisProps
| Name | Type | Default | Description |
|---|---|---|---|
size | "sm" | "default" | "lg" | "default" | |
textured | boolean | false | |
class | string | '' | |
style | string | | |