Components
Loading preview...
This component shows the time in form of clock and on hover shows day and date.
@jatin-yadav05
npx shadcn@latest add https://21st.dev/r/jatin-yadav05/orbital-clockimport { OrbitalClock } from "@/components/ui/orbital-clock";
export default function Home() {
return (
<main className="min-h-screen flex flex-col items-center justify-center gap-16 bg-background px-6 w-full">
<div className="text-center space-y-2">
<p className="text-[10px] uppercase tracking-[0.4em] text-muted-foreground font-mono">Local Time</p>
</div>
<OrbitalClock />
<p className="text-xs text-muted-foreground font-mono tracking-wide">[ orbital clock ]</p>
</main>
)
}