# 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.

- Author: [Sonu](https://21st.dev/@uniquesonu)
- License: unknown
- Live preview: https://21st.dev/@uniquesonu/components/analog-clock-component

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/uniquesonu/analog-clock-component?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt