# Time React components, live previews & code, EneUI Browse 15 Time 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/time > Markdown: https://ui.eneawork.it/components/cat/time.md **Components:** 15 ## Highlights - [calendar](https://ui.eneawork.it/comp/21st-shugar--geist/calendar), 21st-shugar--geist - [orbital-clock](https://ui.eneawork.it/comp/21st-jatin-yadav05/orbital-clock), 21st-jatin-yadav05 - [clock](https://ui.eneawork.it/comp/21st-designali-in/clock), 21st-designali-in - [flip-clock](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/flip-clock), 21st-ruixen.ui--ruixen-ui - [shader-clock](https://ui.eneawork.it/comp/21st-daniela_muntyan/shader-clock), 21st-daniela_muntyan - [datetime-picker](https://ui.eneawork.it/comp/21st-belkacemyerfa--shadcn-extension/datetime-picker), 21st-belkacemyerfa--shadcn-extension - [time-picker](https://ui.eneawork.it/comp/21st-preetsuthar17--hextaui/time-picker), 21st-preetsuthar17--hextaui - [time-picker](https://ui.eneawork.it/comp/21st-mohammadalhabil1999/time-picker), 21st-mohammadalhabil1999 - [otpinput](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/otpinput), 21st-ruixen.ui--ruixen-ui - [relative-time-card](https://ui.eneawork.it/comp/21st-shugar--geist/relative-time-card), 21st-shugar--geist - [heroui-time-field](https://ui.eneawork.it/comp/21st-hero_ui--hero-ui/heroui-time-field), 21st-hero_ui--hero-ui - [relative-time-card-1](https://ui.eneawork.it/comp/21st-shugar--geist/relative-time-card-1), 21st-shugar--geist ## FAQ ### How many React Time components are there? 15 Time components in the catalog, each with a live preview, full source and a one-line install command. ### How do I add a Time 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)