Components
3D book cover with a spine, page edges and a tilt that follows the cursor, in stripe and simple variants. Respects prefers-reduced-motion.

"use client";
import Component from "@/components/ui/book";
export default function DemoOne() {
return (
<div className="flex min-h-[460px] w-full items-center justify-center bg-background p-10">
<div className="flex flex-wrap items-end justify-center gap-10">
<Component
color="#1e293b"
title="The Design of Everyday Things"
variant="stripe"
width={160}
/>
<Component
color="#7c3aed"
textColor="#faf5ff"
title="Refactoring UI"
variant="simple"
width={160}
/>
<Component
color="#0f766e"
title="Thinking, Fast and Slow"
variant="stripe"
width={160}
/>
</div>
</div>
);
}