# Geometric components

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

38 components available. Showing all of them below.

- [Geometric](https://21st.dev/@bundui/components/geometric.md) — by Shadcn UI Kit
- [Polygons](https://21st.dev/@airbnb-visx/components/polygons.md) — by Airbnb
- [Shape Landing Hero](https://21st.dev/@kokonutd/components/shape-landing-hero.md) — by Kokonut Baffier
- [Background Components](https://21st.dev/@meghtrix/components/background-components/zigzag-lighthing.md) — by meghtrix
- [Geometric Sphere](https://21st.dev/@dhileepkumargm/components/geometric-sphere.md) — by Dhileep Kumar GM
- [GeometricBlurMesh](https://21st.dev/@xubohuah/components/geometric-blur-mesh.md) — by KainXu
- [Image Masking](https://21st.dev/@uilayout.contact/components/image-masking-1.md) — by UI Layouts
- [Morphing Spinner](https://21st.dev/@jatin-yadav05/components/morphing-spinner.md) — by Jatin Yadav
- [Modern hero section](https://21st.dev/@uniquesonu/components/modern-hero-section.md) — by Sonu
- [Grid Background](https://21st.dev/@meghtrix/components/grid-background/hexagonal-lights.md) — by meghtrix
- [text effect](https://21st.dev/@dhileepkumargm/components/text-effect.md) — by Dhileep Kumar GM
- [Clipped Shape image](https://21st.dev/@uilayout.contact/components/clipped-shape-image.md) — by UI Layouts
- [Card with Grid Pattern](https://21st.dev/@Ali-Hussein-dev/components/card-with-grid-pattern.md) — by Indie UI
- [Background Shapes](https://21st.dev/@uicapsule/components/background-shapes.md) — by UI Capsule
- [Card with Cross Patter](https://21st.dev/@Ali-Hussein-dev/components/card-with-cross-patter.md) — by Indie UI
- [Generative Geometry](https://21st.dev/@xubohuah/components/generative-geometry.md) — by KainXu
- [Voronoi](https://21st.dev/@airbnb-visx/components/voronoi.md) — by Airbnb
- [honeycomb-loader](https://21st.dev/@theutkarshmail/components/honeycomb-loader.md) — by Utkarsh Pandey
- [Animated Loader](https://21st.dev/@avanishverma4/components/animated-loader-1.md) — by Awanish Verma
- [Bloom](https://21st.dev/@h0bb5/components/bloom.md) — by Dylan Hobbs
- [Pulsing Geometric Dream](https://21st.dev/@dhileepkumargm/components/pulsing-geometric-dream.md) — by Dhileep Kumar GM
- [Dark Gradient Background](https://21st.dev/@jatin-yadav05/components/dark-gradient-background.md) — by Jatin Yadav
- [Bloom](https://21st.dev/@h0bb5/components/bloom/hero.md) — by Dylan Hobbs
- [Animated Geometric Card](https://21st.dev/@jatin-yadav05/components/animated-geometric-card.md) — by Jatin Yadav
- [Triangles Falling](https://21st.dev/@minhxthanh/components/triangles-falling.md) — by Le Thanh
- [Neon Maze](https://21st.dev/@muntazirzaidi/components/neon-maze/neon-maze.md) — by muntazirzaidi
- [Delaunay Triangulation](https://21st.dev/@airbnb-visx/components/delaunay-triangulation.md) — by Airbnb
- [Hero Geometric](https://21st.dev/@componentry/components/hero-geometric.md) — by Componentry
- [Zima Blue!](https://21st.dev/@h0bb5/components/zima-blue.md) — by Dylan Hobbs
- [Geode](https://21st.dev/@xordev/components/geode.md) — by xordev
- [CrystallineFieldHero](https://21st.dev/@dhileepkumargm/components/crystalline-field-hero.md) — by Dhileep Kumar GM
- [Parallax Floating](https://21st.dev/@cnippet.dev/components/parallax-floating.md) — by Cnippet
- [Hello Vietnamese Effect](https://21st.dev/@dhileepkumargm/components/hello-vietnamese-effect.md) — by Dhileep Kumar GM
- [CrystalTrailBackground](https://21st.dev/@dhileepkumargm/components/crystal-trail-background.md) — by Dhileep Kumar GM
- [Radial Animated Doodle](https://21st.dev/@uniquesonu/components/radial-animated-doodle.md) — by Sonu
- [Hero Golden Spiral](https://21st.dev/@ncdai/components/hero-01.md) — by Chánh Đại
- [Parallax Floating Symbols](https://21st.dev/@cnippet.dev/components/m-parallax-floating-3.md) — by Cnippet
- [SVG Bands](https://21st.dev/@cult-ui/components/svg-bands.md) — by cult/ui

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