# 2D components

> Add depth to your projects with 17 React 2D components, utilizing Tailwind CSS to create engaging visual elements for your Next.js site.

11 components available. Showing all of them below.

- [Generative Geometry](https://21st.dev/@xubohuah/components/generative-geometry.md) — by KainXu
- [Voronoi](https://21st.dev/@airbnb-visx/components/voronoi.md) — by Airbnb
- [Ripple Grid](https://21st.dev/@designali-in/components/ripple-grid.md) — by Ali Imam
- [Polygons](https://21st.dev/@airbnb-visx/components/polygons.md) — by Airbnb
- [Delaunay Triangulation](https://21st.dev/@airbnb-visx/components/delaunay-triangulation.md) — by Airbnb
- [HeroUI Color Area](https://21st.dev/@hero_ui/components/heroui-color-area.md) — by Hero Ui
- [Dither Button](https://21st.dev/@radiumcoders/components/dither-button/hi-res.md) — by jay sharma
- [Dither Button](https://21st.dev/@radiumcoders/components/dither-button/boss-mode.md) — by jay sharma
- [HeroUI Color Area](https://21st.dev/@hero_ui/components/heroui-color-area/custom-render-function.md) — by Hero Ui
- [HeroUI Color Area](https://21st.dev/@hero_ui/components/heroui-color-area/controlled.md) — by Hero Ui
- [Bubble Sketch](https://21st.dev/@xubohuah/components/bubble-sketch.md) — by KainXu

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