Hero Highlight

Backgrounds

Dot-pattern backdrop where a cursor radial mask reveals accent dots; ships with a Highlight span. Adapted from Aceternity UI.

Hero Highlight — pontos acendem sob o cursor

Construa interfaces com componentes prontos e tokens consistentes.

Instalação via CLI

$ npx kikitocn add hero-highlight

Interno:

@/lib/utilsmotion

Exemplo de uso

Hero HighlightExample.tsx

import { HeroHighlight } from "@/components/ui/cn/hero-highlight/HeroHighlight";

export function HeroHighlightExample() {
  return (
    <HeroHighlight>
      Hero Highlight
    </HeroHighlight>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Conteúdo (z-20)
`containerClassName`	`string`	—	Classe no container (fundo, altura)
`className`	`string`	—	Classe no conteúdo

Voltar para Backgrounds

Carregando…