# Roadmap React components, live previews & code, EneUI Browse 18 Roadmap 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/roadmap > Markdown: https://ui.eneawork.it/components/cat/roadmap.md **Components:** 18 ## Highlights - [radial-orbital-timeline](https://ui.eneawork.it/comp/21st-jatin-yadav05/radial-orbital-timeline), 21st-jatin-yadav05 - [timeline](https://ui.eneawork.it/comp/21st-hyperiux--hyperiux-vault/timeline), 21st-hyperiux--hyperiux-vault - [hero-section-5](https://ui.eneawork.it/comp/21st-ravikatiyar162/hero-section-5), 21st-ravikatiyar162 - [modern-timeline](https://ui.eneawork.it/comp/21st-chowlol202/modern-timeline), 21st-chowlol202 - [roadmap-card](https://ui.eneawork.it/comp/21st-beratberkayg/roadmap-card), 21st-beratberkayg - [feature-section](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/feature-section), 21st-ruixen.ui--ruixen-ui - [feature-accordion-section](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/feature-accordion-section), 21st-ruixen.ui--ruixen-ui - [process-pillars](https://ui.eneawork.it/comp/21st-ankitsharma2615/process-pillars), 21st-ankitsharma2615 - [timeline-02](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/timeline-02), 21st-ruixen.ui--ruixen-ui - [timeline-1](https://ui.eneawork.it/comp/21st-olewandowski1--7ovr/timeline-1), 21st-olewandowski1--7ovr - [roadmap-4](https://ui.eneawork.it/comp/21st-olewandowski1--7ovr/roadmap-4), 21st-olewandowski1--7ovr - [c-timeline-8](https://ui.eneawork.it/comp/21st-sean0205--reui/c-timeline-8), 21st-sean0205--reui ## FAQ ### How many React Roadmap components are there? 18 Roadmap components in the catalog, each with a live preview, full source and a one-line install command. ### How do I add a Roadmap 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)