# Activity React components, live previews & code, EneUI Browse 23 Activity 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/activity > Markdown: https://ui.eneawork.it/components/cat/activity.md **Components:** 23 ## Highlights - [dashboard-with-collapsible-sidebar](https://ui.eneawork.it/comp/21st-uniquesonu/dashboard-with-collapsible-sidebar), 21st-uniquesonu - [holographic-card](https://ui.eneawork.it/comp/21st-dhileepkumargm--freedom/holographic-card), 21st-dhileepkumargm--freedom - [git-hub-calendar](https://ui.eneawork.it/comp/21st-designali-in/git-hub-calendar), 21st-designali-in - [activity-dropdown](https://ui.eneawork.it/comp/21st-minhxthanh/activity-dropdown), 21st-minhxthanh - [activity-heatmap](https://ui.eneawork.it/comp/21st-kuratlielia--kuratlielia/activity-heatmap), 21st-kuratlielia--kuratlielia - [card-25](https://ui.eneawork.it/comp/21st-ravikatiyar162/card-25), 21st-ravikatiyar162 - [stacked-activity-cards](https://ui.eneawork.it/comp/21st-spydiecy/stacked-activity-cards), 21st-spydiecy - [apple-activity-ring](https://ui.eneawork.it/comp/21st-kokonutd--kokonut-ui/apple-activity-ring), 21st-kokonutd--kokonut-ui - [stats-card](https://ui.eneawork.it/comp/21st-kavikatiyar/stats-card), 21st-kavikatiyar - [workout-card](https://ui.eneawork.it/comp/21st-ravikatiyar162/workout-card), 21st-ravikatiyar162 - [activity-with-number-flow](https://ui.eneawork.it/comp/21st-barvian/activity-with-number-flow), 21st-barvian - [dashboard-activities](https://ui.eneawork.it/comp/21st-uniquesonu/dashboard-activities), 21st-uniquesonu ## FAQ ### How many React Activity components are there? 23 Activity components in the catalog, each with a live preview, full source and a one-line install command. ### How do I add a Activity 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)