# Background components > Elevate your site’s design with 40 unique background components, crafted for React and styled with Tailwind CSS. 200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/background. - [Beams Background](https://21st.dev/@kokonutd/components/beams-background.md) — by Kokonut Baffier - [Animated Gradient Background](https://21st.dev/@hammamikhairi/components/animated-gradient-background.md) — by 0xkhairi Khairi - [Background Boxes](https://21st.dev/@manuarora700/components/background-boxes.md) — by Manu Arora - [Flow Field Background](https://21st.dev/@easemize/components/flow-field-background.md) — by Hossain Jahed - [Background Components](https://21st.dev/@meghtrix/components/background-components.md) — by meghtrix - [Background Components](https://21st.dev/@meghtrix/components/background-components/dashed-grid-light.md) — by meghtrix - [Background Components](https://21st.dev/@meghtrix/components/background-components/white-sphere-grid.md) — by meghtrix - [Background Components](https://21st.dev/@meghtrix/components/background-components/paper-texture.md) — by meghtrix - [Background Components](https://21st.dev/@meghtrix/components/background-components/soft-green-glow.md) — by meghtrix - [Background Components](https://21st.dev/@meghtrix/components/background-components/purple-center-glow.md) — by meghtrix - [Background Components](https://21st.dev/@meghtrix/components/background-components/sunny-glow.md) — by meghtrix - [Background Components](https://21st.dev/@meghtrix/components/background-components/sunrise-glow.md) — by meghtrix - [Gradient Dots](https://21st.dev/@sshahaider/components/gradient-dots.md) — by Efferd - [Background Beams](https://21st.dev/@manuarora700/components/background-beams.md) — by Manu Arora - [Gradient Background](https://21st.dev/@sshahaider/components/gradient-background.md) — by Efferd - [Gradient Background](https://21st.dev/@sshahaider/components/gradient-background/custom-colors.md) — by Efferd - [Background Beams With Collision](https://21st.dev/@manuarora700/components/background-beams-with-collision.md) — by Manu Arora - [Warp Background](https://21st.dev/@dillionverma/components/warp-background.md) — by Dillion Verma - [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-radial-black-violet.md) — by Julien Thibeaut - [Stars](https://21st.dev/@bundui/components/stars.md) — by Shadcn UI Kit - [Animated Gradient](https://21st.dev/@tom_ui/components/animated-gradient.md) — by tom - [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-radial-dark-purple.md) — by Julien Thibeaut - [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-radial-dark-gray.md) — by Julien Thibeaut - [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-radial-violet.md) — by Julien Thibeaut - [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-grid-blue.md) — by Julien Thibeaut - [Background snippets](https://21st.dev/@ibelick/components/background-snippets.md) — by Julien Thibeaut - [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-blur-fuchsia-1.md) — by Julien Thibeaut - [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-grid-fuchsia.md) — by Julien Thibeaut - [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-radial-top.md) — by Julien Thibeaut - [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-radial.md) — by Julien Thibeaut - [ASMR background](https://21st.dev/@ashishrajwaniai01/components/asmr-background.md) — by ashish rajwani - [Stars Background](https://21st.dev/@manuarora700/components/stars-background.md) — by Manu Arora - [Fluid particles background](https://21st.dev/@bundui/components/fluid-particles-background.md) — by Shadcn UI Kit - [Balloons Pop background](https://21st.dev/@ashishrajwaniai01/components/balloons-pop-background.md) — by ashish rajwani - [Gradient Wave](https://21st.dev/@designali-in/components/gradient-wave.md) — by Ali Imam - [Noisy Gradient Backgrounds](https://21st.dev/@easemize/components/noisy-gradient-backgrounds.md) — by Hossain Jahed - [Floating paths](https://21st.dev/@bundui/components/floating-paths.md) — by Shadcn UI Kit - [Interactive Ripple Background](https://21st.dev/@erikvalencia1/components/interactive-ripple-background.md) — by Ruben - [Particle Wave](https://21st.dev/@easemize/components/particle-wave.md) — by Hossain Jahed - [Tailwind CSS Background Snippet](https://21st.dev/@ibelick/components/tailwind-css-background-snippet.md) — by Julien Thibeaut - [Gradient Backgrounds](https://21st.dev/@meghtrix/components/gradient-backgrounds/gradient-background-pink-top.md) — by meghtrix - [Gradient Backgrounds](https://21st.dev/@meghtrix/components/gradient-backgrounds/gradient-background-gray-bottom.md) — by meghtrix - [Gradient Backgrounds](https://21st.dev/@meghtrix/components/gradient-backgrounds/gradient-background-orange-top.md) — by meghtrix - [Gradient Backgrounds](https://21st.dev/@meghtrix/components/gradient-backgrounds/amber-glow-background.md) — by meghtrix - [Gradient Backgrounds](https://21st.dev/@meghtrix/components/gradient-backgrounds/gradient-bg-green-top.md) — by meghtrix - [Gradient Backgrounds](https://21st.dev/@meghtrix/components/gradient-backgrounds/gradient-background-pink-bottom.md) — by meghtrix - [Gradient Backgrounds](https://21st.dev/@meghtrix/components/gradient-backgrounds/gradient-background-mint-top.md) — by meghtrix - [Gradient Backgrounds](https://21st.dev/@meghtrix/components/gradient-backgrounds/gradient-background-mint-bottom.md) — by meghtrix - [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 - [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 - [Animated Background](https://21st.dev/@avanishverma4/components/animated-background.md) — by Awanish Verma - [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-grid-blur-mint-masked-noise.md) — by 21st Indexer - [Elegant Dark Pattern](https://21st.dev/@jatin-yadav05/components/elegant-dark-pattern.md) — by Jatin Yadav - [Background Gradient Snippet](https://21st.dev/@larsen66/components/background-gradient-snippet.md) — by 21st Indexer Full component directory: https://21st.dev/llms.txt