Glare Card

Display

Holographic foil card — rainbow/diagonal/shade layers react to the pointer via CSS vars, plus a light tilt — adapted from Aceternity UI.

Glare Card — passe o mouse pra ver o foil holográfico

Kikito CNHolographic

Instalação via CLI

$ npx kikitocn add glare-card

Interno:

@/lib/utils

Exemplo de uso

Glare CardExample.tsx

import { GlareCard } from "@/components/ui/cn/glare-card/GlareCard";

export function GlareCardExample() {
  return (
    <GlareCard>
      Glare Card
    </GlareCard>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Conteúdo do card (atrás do foil)
`className`	`string`	—	Classe no corpo do card

Voltar para Display

Carregando…