Animated Noise

Backgrounds

Self-contained noise texture (SVG feTurbulence data URI) that shifts in discrete steps — adapted from cuicui.day. Absorbed by Noise Background.

Animated Noise — ruído que se desloca em steps sobre qualquer fundo

Instalação via CLI

$ npx kikitocn add animated-noise

Interno:

@/lib/utils

Exemplo de uso

Animated NoiseExample.tsx

import { AnimatedNoise } from "@/components/ui/cn/animated-noise/AnimatedNoise";

export function AnimatedNoiseExample() {
  return (
    <AnimatedNoise />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`opacity`	`number`	`0.15`	Opacidade da textura
`backgroundSize`	`string`	`'400px'`	background-size do tile SVG
`animated`	`boolean`	`true`	Liga o deslocamento em steps; false = ruído parado
`className`	`string`	—	Classes CSS extras

Voltar para Backgrounds

Carregando…