# Expand React components, live previews & code, EneUI Browse 58 Expand 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/expand > Markdown: https://ui.eneawork.it/components/cat/expand.md **Components:** 58 ## Highlights - [scroll-expansion-hero](https://ui.eneawork.it/comp/21st-arunachalam/scroll-expansion-hero), 21st-arunachalam - [expand-map](https://ui.eneawork.it/comp/21st-jatin-yadav05/expand-map), 21st-jatin-yadav05 - [expanding-cards](https://ui.eneawork.it/comp/21st-vaib215/expanding-cards), 21st-vaib215 - [gallery-animation](https://ui.eneawork.it/comp/21st-n38693842/gallery-animation), 21st-n38693842 - [release-time-line](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/release-time-line), 21st-ruixen.ui--ruixen-ui - [message-dock](https://ui.eneawork.it/comp/21st-isaiahbjork/message-dock), 21st-isaiahbjork - [expanding-search-dock-shadcnui](https://ui.eneawork.it/comp/21st-moumensoliman--ui-tripled/expanding-search-dock-shadcnui), 21st-moumensoliman--ui-tripled - [audio-chat](https://ui.eneawork.it/comp/21st-jatin-yadav05/audio-chat), 21st-jatin-yadav05 - [expandable-gallery](https://ui.eneawork.it/comp/21st-0xurvish--layouts/expandable-gallery), 21st-0xurvish--layouts - [morphing-square](https://ui.eneawork.it/comp/21st-molecule-lab-rushil--molecule-ui/morphing-square), 21st-molecule-lab-rushil--molecule-ui - [micro-expander](https://ui.eneawork.it/comp/21st-iamsatish4564/micro-expander), 21st-iamsatish4564 - [be-ui-expandable-tabs](https://ui.eneawork.it/comp/21st-starc007/be-ui-expandable-tabs), 21st-starc007 ## FAQ ### How many React Expand components are there? 58 Expand components in the catalog, each with a live preview, full source and a one-line install command. ### How do I add a Expand 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)