Carregando…Carregando…Carregando…Carregando…3D CSS book cover — capa, lombada e contracapa reais via perspective/rotateY, abre ao passar o mouse — adaptado de cuicui.day.
$ npx kikitocn add modern-book-cover@/lib/utilsimport { ModernBookCover } from "@/components/ui/cn/modern-book-cover/ModernBookCover";
export function ModernBookCoverExample() {
return (
<ModernBookCover size="sm" radius="sm">
Modern Book Cover
</ModernBookCover>
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
children* | React.ReactNode | — | Conteúdo da frente da capa |
size | 'sm' | 'md' | 'lg' | 'md' | Tamanho pré-definido da capa |
radius | 'sm' | 'md' | 'lg' | 'sm' | Raio de canto da capa |
color | 'patina' | 'kinpaku' | 'violet' | 'rose' | 'danger' | 'success' | 'warning' | 'info' | 'neutral' | 'neutral' | Cor de fundo da capa |
isStatic | boolean | false | Renderiza sempre em perspectiva 3D, sem esperar hover |
className | string | — | Classes CSS extras |
Passe o mouse pra abrir a capa em 3D
Tokens, componentes e motion prontos pro catálogo.