Background Boxes

Backgrounds

Skewed isometric grid of boxes that light up a random accent color on hover — adapted from Aceternity UI.

Instalação via CLI

$ npx kikitocn add background-boxes

Interno:

@/lib/utilsmotion

Exemplo de uso

Background BoxesExample.tsx

import { BackgroundBoxes } from "@/components/ui/cn/background-boxes/BackgroundBoxes";

export function BackgroundBoxesExample() {
  return (
    <BackgroundBoxes />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`rows`	`number`	`30`	Linhas da grade (origem usava 150 — reduzido por performance)
`cols`	`number`	`20`	Colunas da grade (origem usava 100 — reduzido por performance)
`className`	`string`	—	Classes CSS extras

Voltar para Backgrounds

Carregando…