Comet Card

Display

Spring-driven 3D tilt with cursor-following specular glare and scale/z on hover — adapted from Aceternity UI.

Comet Card — tilt por spring + glare que segue o cursor

Kikito CN

Comet Card

Instalação via CLI

$ npx kikitocn add comet-card

Interno:

@/lib/utilsmotion

Exemplo de uso

Comet CardExample.tsx

import { CometCard } from "@/components/ui/cn/comet-card/CometCard";

export function CometCardExample() {
  return (
    <CometCard>
      Comet Card
    </CometCard>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Conteúdo do card
`rotateDepth`	`number`	`17.5`	Profundidade da rotação 3D em graus
`translateDepth`	`number`	`20`	Deslocamento em px acompanhando o cursor
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…