Background Ripple Effect

Backgrounds

Grid of cells that ripple outward from a clicked cell — adapted from Aceternity UI.

Instalação via CLI

$ npx kikitocn add background-ripple-effect

Interno:

@/lib/utils

Exemplo de uso

Background Ripple EffectExample.tsx

import { BackgroundRippleEffect } from "@/components/ui/cn/background-ripple-effect/BackgroundRippleEffect";

export function BackgroundRippleEffectExample() {
  return (
    <BackgroundRippleEffect />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`rows`	`number`	`8`	Linhas do grid
`cols`	`number`	`27`	Colunas do grid
`cellSize`	`number`	`56`	Tamanho de cada célula (px)

Voltar para Backgrounds

Carregando…