# Comparison React components, live previews & code, EneUI Browse 30 Comparison 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/comparison > Markdown: https://ui.eneawork.it/components/cat/comparison.md **Components:** 30 ## Highlights - [pricing-section](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/pricing-section), 21st-uilayout.contact--ui-layouts - [dark-gradient-pricing](https://ui.eneawork.it/comp/21st-vaib215/dark-gradient-pricing), 21st-vaib215 - [pricing](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/pricing), 21st-uilayout.contact--ui-layouts - [pricing-section-3](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/pricing-section-3), 21st-uilayout.contact--ui-layouts - [pricing-section-with-comparison](https://ui.eneawork.it/comp/21st-tommyjepsen/pricing-section-with-comparison), 21st-tommyjepsen - [comparison-table](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/comparison-table), 21st-ruixen.ui--ruixen-ui - [performance-benchmark-card](https://ui.eneawork.it/comp/21st-kavikatiyar/performance-benchmark-card), 21st-kavikatiyar - [hero-section](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/hero-section), 21st-uilayout.contact--ui-layouts - [comparison-2](https://ui.eneawork.it/comp/21st-olewandowski1--7ovr/comparison-2), 21st-olewandowski1--7ovr - [compare-reveal](https://ui.eneawork.it/comp/21st-rmahammad--motiq/compare-reveal), 21st-rmahammad--motiq - [horizontal-scroll](https://ui.eneawork.it/comp/21st-uilayout.contact--ui-layouts/horizontal-scroll), 21st-uilayout.contact--ui-layouts - [comparison-3](https://ui.eneawork.it/comp/21st-olewandowski1--7ovr/comparison-3), 21st-olewandowski1--7ovr ## FAQ ### How many React Comparison components are there? 30 Comparison components in the catalog, each with a live preview, full source and a one-line install command. ### How do I add a Comparison 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)