Card Hover Effect

Display

Grid of link cards with a soft highlight background that morphs between cards on hover — adapted from Aceternity UI.

UnificadosHover Effect Card

Grid de links com destaque que morfa entre os cards no hover

Componentes

Mais de 250 blocos prontos pro Kikito CN.

Tokens

Cor, tipografia, radius, spacing, motion e bordas.

Showcase

Cada componente com demo ao vivo e props documentadas.

Hover Effect Card

Unificado

Instalação via CLI

$ npx kikitocn add card-hover-effect

Interno:

@/lib/utilsmotion

Exemplo de uso

Card Hover EffectExample.tsx

import { CardHoverEffect } from "@/components/ui/cn/card-hover-effect/CardHoverEffect";

export function CardHoverEffectExample() {
  return (
    <CardHoverEffect />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`items*`	`{ title: string; description: string; link: string }[]`	—	Cards a exibir
`className`	`string`	—	Classes CSS extras

Voltar para Display

Carregando…