Analog Clock Component

This React component renders an analog clock with moving hands, hour markers, minute markers, and a digital time display. It uses the useState hook to track the current time and useEffect to update the time every second. The clock hands' positions are calculated based on the current time.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Analog Clock Component to your project and fits it to your theme.

import AnalogClock from "@/components/ui/analog-clock-component";

export default function DemoOne() {
  return <AnalogClock />;
}