# Grid Background components > Give depth to your layouts with 3 grid background components, designed for React and styled beautifully with Tailwind CSS. 192 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/grid-background. - [Background Components](https://21st.dev/@meghtrix/components/background-components/basic-grid.md) — by meghtrix - [Background Components](https://21st.dev/@meghtrix/components/background-components/white-grid-with-dots.md) — by meghtrix - [Background Components](https://21st.dev/@meghtrix/components/background-components/circuit-board.md) — by meghtrix - [Animated Grid Pattern](https://21st.dev/@dillionverma/components/animated-grid-pattern.md) — by Dillion Verma - [Grid Pattern](https://21st.dev/@dillionverma/components/grid-pattern.md) — by Dillion Verma - [Retro Grid](https://21st.dev/@dillionverma/components/retro-grid.md) — by Dillion Verma - [Tiles](https://21st.dev/@lukacho/components/tiles.md) — by lukacho/ui - [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-grid-masked-dark-gray.md) — by Julien Thibeaut - [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-grid-light-gray.md) — by Julien Thibeaut - [Background snippets](https://21st.dev/@ibelick/components/background-snippets/background-grid-gray.md) — by Julien Thibeaut - [Grid Background](https://21st.dev/@ctate/components/grid-background.md) — by Chris Tate - [Grid Background](https://21st.dev/@meghtrix/components/grid-background.md) — by meghtrix - [Retro Grid](https://21st.dev/@waleedkibhen/components/retro-grid.md) — by wisedev - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-sphere-grid.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/black-grid-with-white-dots.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-noise-colored.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/black-basic-grid.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-basic-grid-faded.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-white-dotted-grid.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/complex-multiplier.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-dot-matrix.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/magneta-orb-grid.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-grid-lines.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-basic-grid.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/small-grid.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/vercel-grid-subtle.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/gradient-left-diagonal-lines.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/cross-diagonal-lines.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/neon-vertical-lines.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/hexagonal-lights.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/diagonal-grid-green.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-dotted-grid.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/dark-grid-with-whie-dots.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/diagonal-grid-synthwave.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/diagonal-grid-electric.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/gradient-right-diagonal-lines.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/matrix-green.md) — by meghtrix - [Grid Background](https://21st.dev/@meghtrix/components/grid-background/pixel-grid-pattern.md) — by meghtrix - [Vignette Grid Background](https://21st.dev/@molecule-lab-rushil/components/vignette-grid-background.md) — by Rushil Dhinoja - [Gradient Blur Bg](https://21st.dev/@meghtrix/components/gradient-blur-bg/gird-blur-top-left.md) — by meghtrix - [Gradient Blur Bg](https://21st.dev/@meghtrix/components/gradient-blur-bg/grid-blur-bottom.md) — by meghtrix - [Vignette Grid Background](https://21st.dev/@molecule-lab-rushil/components/vignette-grid-background/grid-bg.md) — by Rushil Dhinoja - [Grid Pattern](https://21st.dev/@designali-in/components/grid-pattern.md) — by Ali Imam - [FlickeringGridDemo2](https://21st.dev/@xubohuah/components/flickering-grid-demo2.md) — by KainXu - [Ripple Grid](https://21st.dev/@designali-in/components/ripple-grid.md) — by Ali Imam - [Display Cards](https://21st.dev/@Codehagen/components/display-cards.md) — by Prism UI - [Feature Section with hover effects](https://21st.dev/@manuarora700/components/feature-section-with-hover-effects.md) — by Manu Arora - [Hero Section Dark](https://21st.dev/@kinfe123/components/hero-section-dark.md) — by KinfeMichael Tariku - [The Infinite Grid](https://21st.dev/@moazamtrade/components/the-infinite-grid.md) — by shadway - [Background Boxes](https://21st.dev/@manuarora700/components/background-boxes.md) — by Manu Arora - [BG Patterns](https://21st.dev/@sshahaider/components/bg-pattern.md) — by Efferd - [Background Components](https://21st.dev/@meghtrix/components/background-components/noise-texture.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/diagonal-grid-light.md) — by meghtrix - [Background Components](https://21st.dev/@meghtrix/components/background-components/contcentric-squares.md) — by meghtrix - [Background Components](https://21st.dev/@meghtrix/components/background-components/woven-fabric.md) — by meghtrix - [Background Components](https://21st.dev/@meghtrix/components/background-components/diagonal-grid-electric.md) — by meghtrix - [Grid Feature Cards](https://21st.dev/@sshahaider/components/grid-feature-cards.md) — by Efferd - [Hero Section 9](https://21st.dev/@meschacirung/components/hero-section-9.md) — by Méschac Irung Full component directory: https://21st.dev/llms.txt