# Noise components > Elevate backgrounds with 10 noise texture React components, easily customizable with Tailwind CSS in your Next.js sites. 111 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/noise. - [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-dots-radial-orange-noise.md) — by 21st Indexer - [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-dots-dual-radial-indigo-cyan-noise.md) — by 21st Indexer - [Etheral Shadow](https://21st.dev/@jatin-yadav05/components/etheral-shadow.md) — by Jatin Yadav - [Background Components](https://21st.dev/@meghtrix/components/background-components/noise-texture.md) — by meghtrix - [Hero Minimalism](https://21st.dev/@lyanchouss/components/hero-minimalism.md) — by Liana Pepanyan - [Paper design shader Background](https://21st.dev/@moazamtrade/components/paper-design-shader-background.md) — by shadway - [Blueprint Shader Grid](https://21st.dev/@lyanchouss/components/asd.md) — by Liana Pepanyan - [Sphere](https://21st.dev/@designali-in/components/sphere.md) — by Ali Imam - [Revolution Hero](https://21st.dev/@lovesickfromthe6ix/components/revolution-hero.md) — by scott clayton - [Neural Noise](https://21st.dev/@designali-in/components/neural-noise.md) — by Ali Imam - [realistic fog background](https://21st.dev/@ashishrajwaniai01/components/realistic-fog-background.md) — by ashish rajwani - [Playing Card](https://21st.dev/@maxim.bort.devel/components/playing-card.md) — by Maxim Bortnikov - [Noisy Gradient Backgrounds](https://21st.dev/@easemize/components/noisy-gradient-backgrounds.md) — by Hossain Jahed - [Grain Gradient Hero Section](https://21st.dev/@chowlol202/components/grain-gradient-hero-section.md) — by Caio Bonato - [VHS Hero Section](https://21st.dev/@lovesickfromthe6ix/components/vhs-hero-section.md) — by scott clayton - [Neno Shader](https://21st.dev/@dhileepkumargm/components/neno-shader.md) — by Dhileep Kumar GM - [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11.md) — by 21st Indexer - [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-grid-spotlight-cyan-noise.md) — by 21st Indexer - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-noise-colored.md) — by meghtrix - [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/blue-violet-dual-radials-dots.md) — by 21st Indexer - [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/royal-purple-spotlight-masked-grid.md) — by 21st Indexer - [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-grid-spotlight-blue-noise.md) — by 21st Indexer - [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-grid-spotlight-red-noise.md) — by 21st Indexer - [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-grid-purple-ascenttsx.md) — by 21st Indexer - [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-grid-blur-emerald-noise.md) — by 21st Indexer - [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-grid-blur-mint-masked-noise.md) — by 21st Indexer - [Gradient Mesh](https://21st.dev/@designali-in/components/gradient-mesh.md) — by Ali Imam - [Elegant Dark Pattern](https://21st.dev/@jatin-yadav05/components/elegant-dark-pattern.md) — by Jatin Yadav - [frosted-hover](https://21st.dev/@kedhareswer.12110626/components/frosted-hover.md) — by Kedhareswer Naidu - [Animated Gradient](https://21st.dev/@componentry/components/animated-gradient.md) — by Componentry - [Card with Noise Patter](https://21st.dev/@Ali-Hussein-dev/components/card-with-noise-patter.md) — by Indie UI - [Interactive Waves](https://21st.dev/@dhileepkumargm/components/interactive-waves.md) — by Dhileep Kumar GM - [FireSphere](https://21st.dev/@rahil1202/components/fire-sphere.md) — by Rahil Vahora - [Velaris](https://21st.dev/@amanshakya307/components/velaris.md) — by Aman Shakya - [Neuro Noise](https://21st.dev/@paper-design/components/neuro-noise.md) — by Paper Shaders - [Gradient Shader Card](https://21st.dev/@daniel__designs/components/gradient-shader-card.md) — by Daniel - [Noise Dark Blue Gradient with Squares](https://21st.dev/@larsen66/components/noise-dark-blue-gradient-with-squares.md) — by 21st Indexer - [Old Television Shader](https://21st.dev/@jatin-yadav05/components/old-television-shader.md) — by Jatin Yadav - [Dark Gradient Background](https://21st.dev/@jatin-yadav05/components/dark-gradient-background.md) — by Jatin Yadav - [Vertical Bars](https://21st.dev/@uilayout.contact/components/vertical-bars/horizontal-bars.md) — by UI Layouts - [NeuralNoiseCursor](https://21st.dev/@rahil1202/components/neural-noise-cursor.md) — by Rahil Vahora - [Cloudscape](https://21st.dev/@amanshakya307/components/cloudscape.md) — by Aman Shakya - [Ass](https://21st.dev/@mishraathrav917/components/ass.md) — by Athrav Mishra - [Shader R](https://21st.dev/@ola.leandroaraujo/components/shader-r.md) — by Leandro Araujo - [Vertical Bars](https://21st.dev/@uilayout.contact/components/vertical-bars.md) — by UI Layouts - [Chromatic Fluid](https://21st.dev/@amanshakya307/components/chromatic-fluid.md) — by Aman Shakya - [LivingFluidBackground](https://21st.dev/@dhileepkumargm/components/living-fluid-background.md) — by Dhileep Kumar GM - [Nucleus](https://21st.dev/@xordev/components/nucleus.md) — by xordev - [Auralis](https://21st.dev/@amanshakya307/components/auralis.md) — by Aman Shakya - [Falling Symbols Background](https://21st.dev/@ruixen.ui/components/falling-symbols-background.md) — by Ruixen UI - [Xenon component](https://21st.dev/@uvcanvas/components/xenon-component/opulento.md) — by uvcanvas - [Waves shaders Homlu UI](https://21st.dev/@senommu/components/waves-shaders-homlu-ui.md) — by Vlad Vovk - [Button](https://21st.dev/@popov-dmitry/components/button/btn.md) — by Popov Dmitry - [Blueprint Gradient Mesh](https://21st.dev/@larsen66/components/blueprint-gradient-mesh.md) — by 21st Indexer - [Banner Ui](https://21st.dev/@prebuiltui/components/banner-ui.md) — by prebuiltui - [Valley of the Mind](https://21st.dev/@davekatague/components/valley-of-the-mind.md) — by Dave - [Oceanic](https://21st.dev/@yaoztorun/components/adisyon-shader.md) — by YAOMing - [Grain Gradient](https://21st.dev/@paper-design/components/grain-gradient.md) — by Paper Shaders - [Animated Footer](https://21st.dev/@aghasisahakyan1/components/animated-footer.md) — by Erik X - [Waves shader](https://21st.dev/@notshekharsahu/components/waves-shader.md) — by Shekhar Full component directory: https://21st.dev/llms.txt