# Geometric React components, live previews & code, EneUI Browse 20 Geometric React and shadcn components: live preview, full source and a one-line install command for each. Copy into your project or hand it to your AI agent. > Page: https://ui.eneawork.it/components/cat/geometric > Markdown: https://ui.eneawork.it/components/cat/geometric.md **Components:** 20 ## Highlights - [geometric-blur-mesh](https://ui.eneawork.it/comp/21st-xubohuah/geometric-blur-mesh), 21st-xubohuah - [geometric-sphere](https://ui.eneawork.it/comp/21st-dhileepkumargm--freedom/geometric-sphere), 21st-dhileepkumargm--freedom - [morphing-spinner](https://ui.eneawork.it/comp/21st-jatin-yadav05/morphing-spinner), 21st-jatin-yadav05 - [dark-gradient-background](https://ui.eneawork.it/comp/21st-jatin-yadav05/dark-gradient-background), 21st-jatin-yadav05 - [geometric](https://ui.eneawork.it/comp/21st-bundui--bundui/geometric), 21st-bundui--bundui - [animated-loader-1](https://ui.eneawork.it/comp/21st-avanishverma4/animated-loader-1), 21st-avanishverma4 - [lattice-background](https://ui.eneawork.it/comp/21st-daiwiikharihar--actuators/lattice-background), 21st-daiwiikharihar--actuators - [background-shapes](https://ui.eneawork.it/comp/21st-uicapsule--ui-capsule/background-shapes), 21st-uicapsule--ui-capsule - [hero-01](https://ui.eneawork.it/comp/21st-ncdai--chanh-dai/hero-01), 21st-ncdai--chanh-dai - [bloom](https://ui.eneawork.it/comp/21st-h0bb5/bloom), 21st-h0bb5 - [generative-geometry](https://ui.eneawork.it/comp/21st-xubohuah/generative-geometry), 21st-xubohuah - [animated-geometric-card](https://ui.eneawork.it/comp/21st-jatin-yadav05/animated-geometric-card), 21st-jatin-yadav05 ## FAQ ### How many React Geometric components are there? 20 Geometric components in the catalog, each with a live preview, full source and a one-line install command. ### How do I add a Geometric component to my project? Open a component and hit Copy code (or Install) to drop the source into your components folder, or run npx shadcn add "" with the command shown on the page. ### Are they free? Yes, browsing is always free and copying runs on a free daily quota; Premium removes the limit. ### Do they work with Next.js and Tailwind? Yes, React components styled with Tailwind and shadcn/ui, compatible with Next.js, Vite and CRA. ## Related - [All categories](/components) - [Libraries](/libraries)