# Grain components

> Browse 5 Grain components for React, styled with Tailwind CSS and ready for your Next.js project.

43 components available. Showing all of them below.

- [Plum Peach Butter](https://21st.dev/@serafimcloud/components/plum-peach-butter.md) — by Serafim
- [Grain Gradient Hero Section](https://21st.dev/@chowlol202/components/grain-gradient-hero-section.md) — by Caio Bonato
- [Oceanic Shimmer](https://21st.dev/@serafimcloud/components/oceanic-shimmer.md) — by Serafim
- [Auth Section 1](https://21st.dev/@solaceui/components/auth-section-1.md) — by solaceui
- [Dreamy Pastel Wash](https://21st.dev/@serafimcloud/components/dreamy-pastel-wash.md) — by Serafim
- [Almoayyed](https://21st.dev/@gordongedacheril1/components/almoayyed.md) — by Gordon Edacheril
- [Background Components](https://21st.dev/@meghtrix/components/background-components/paper-texture.md) — by meghtrix
- [Old Television Shader](https://21st.dev/@jatin-yadav05/components/old-television-shader.md) — by Jatin Yadav
- [Silk Blend gradient](https://21st.dev/@amit.haski/components/silk-blend-gradient.md) — by Amit Haski
- [Icey Night Shards](https://21st.dev/@audriusnek/components/icey-night-shards.md) — by Audrius Nekrasas
- [background rowds shop v1](https://21st.dev/@gabporcius/components/background-rowds-shop-v1.md) — by Gabriel Porcius
- [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-grid-spotlight-red-noise.md) — by 21st Indexer
- [Ass](https://21st.dev/@mishraathrav917/components/ass.md) — by Athrav Mishra
- [Halide Topo Hero](https://21st.dev/@shivendra9795kumar/components/halide-topo-hero.md) — by Shivendra Kumar
- [Noise Dark Blue Gradient with Squares](https://21st.dev/@larsen66/components/noise-dark-blue-gradient-with-squares.md) — by 21st Indexer
- [Just Playing](https://21st.dev/@reachwelch/components/just-playing.md) — by cornelius welch
- [Card with Noise Patter](https://21st.dev/@Ali-Hussein-dev/components/card-with-noise-patter.md) — by Indie UI
- [Blue halftone](https://21st.dev/@hochart.gabriel.svis/components/blue-halftone.md) — by Gabriel Hochart
- [Waves shaders Homlu UI](https://21st.dev/@senommu/components/waves-shaders-homlu-ui.md) — by Vlad Vovk
- [Nice BG](https://21st.dev/@notskyzzer/components/nice-bg.md) — by Gabriel
- [Blue-gold mesh](https://21st.dev/@warren/components/blue-gold-mesh.md) — by Warren Schuitema
- [Shader Anima](https://21st.dev/@nuova.esperienza.1993/components/shader-anima.md) — by Michele Caddeo
- [Line Shader Homlu UI](https://21st.dev/@senommu/components/line-shader-homlu-ui.md) — by Vlad Vovk
- [Animated Fuzzy Overlay Effect](https://21st.dev/@uniquesonu/components/animated-fuzzy-overlay-effect.md) — by Sonu kumar
- [Violet Orbit](https://21st.dev/@serafimcloud/components/violet-orbit.md) — by Serafim
- [Orchid Petal Sky](https://21st.dev/@serafimcloud/components/orchid-petal-sky.md) — by Serafim
- [Marine Foam](https://21st.dev/@serafimcloud/components/marine-foam.md) — by Serafim
- [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/royal-purple-spotlight-masked-grid.md) — by 21st Indexer
- [Waves shader](https://21st.dev/@notshekharsahu/components/waves-shader.md) — by Dante
- [Etheral Shadow](https://21st.dev/@jatin-yadav05/components/etheral-shadow.md) — by Jatin Yadav
- [Iris Petal](https://21st.dev/@serafimcloud/components/iris-petal.md) — by Serafim
- [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-dots-dual-radial-indigo-cyan-noise.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
- [Coral Gloom](https://21st.dev/@serafimcloud/components/coral-gloom.md) — by Serafim
- [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/blue-violet-dual-radials-dots.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.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
- [Background Snippets Noise effect11](https://21st.dev/@larsen66/components/background-snippets-noise-effect11/background-dots-radial-orange-noise.md) — by 21st Indexer
- [Iris Bloom](https://21st.dev/@serafimcloud/components/iris-bloom.md) — by Serafim
- [Jade Orb](https://21st.dev/@serafimcloud/components/jade-orb.md) — by Serafim
- [Golden Halo](https://21st.dev/@serafimcloud/components/golden-halo.md) — by Serafim

Full component directory: https://21st.dev/llms.txt