Skip to Content
🎉Introducing Pumki UI

Noise

A component that renders a dynamic noise effect.

Pumki UIPumki UI

Pumki UI

NOISE

Installation

Usage


import Noise from '@/components/pumki-ui/animations/noise.tsx';

<Noise />

Props

PropTypeDefaultDescription
patternSizenumberDefines the size of the grain pattern.
patternScaleXnumberScaling factor for the X-axis of the grain pattern.
patternScaleYnumberScaling factor for the Y-axis of the grain pattern.
patternRefreshIntervalnumberNumber of frames before the grain pattern refreshes.
patternAlphanumberOpacity of the grain pattern (0-255).
Last updated on