design-infraReport a problem or share feedback← Catalog
Noise Texture
freemagicui/noise-texture
An SVG fractal noise layer using feTurbulence, desaturation, and contrast controls for subtle texture overlays.
$
npx shadcn@latest add @magicui/noise-texture- Source
- Magic UI
- Kind
- effect
- Categories
- background, text-effect
- Use as
- drop-in — replaces your component
- Applies to
- backgroundtext-effect
- Motion
- not tagged (static or unknown)
- Licence
- MIT (magicuidesign/magicui). Magic UI Pro templates are a separate paid product — not catalogued.
- Live demo
- magicui.design
- Docs
- magicui.design
Similar
Compare all 4 →- Gradient Headingcult-ui/gradient-headingHeading component with gradient text effects and customizable styling
- Kinetic fieldoc/kinetic-field♥ The user explicitly asked to keep Kinetic Field in the homepage examples. Retain its pointer-responsive particle forms and controls.
- Gradient Textreact-bits/gradient-textAnimated gradient text/border. Default palette is React Bits purple/pink — always pass colors from your theme.