Clock
CyberClock provides both analog and digital time display with smooth animations and neon cyberpunk styling.
Analog Clock
Rendering
- Canvas-rendered for smooth animation
- Neon accent colors for hands and markers
- Smooth second hand movement (not tick-based)
- Customizable colors via themes
Clock Elements
| Element |
Description |
| Hour hand |
Short, thick hand |
| Minute hand |
Long, medium hand |
| Second hand |
Long, thin hand with neon glow |
| Hour markers |
12 major markers |
| Minute markers |
60 minor markers |
| Center dot |
Decorative center cap |
Digital Display
Features
- Font: Orbitron (monospace-style tech font)
- Fixed-width digits: No layout shift when time changes
- Colon separators: Blinking colons between hours/minutes/seconds
Time Formats
| Format |
Example |
| 12-hour |
11:45:30 PM |
| 24-hour |
23:45:30 |
Display Options
| Option |
Description |
| Show seconds |
Toggle seconds display |
| Leading zero |
Show/hide leading zero on hours |
Display Settings
Configuration
| Setting |
Description |
| Time format |
12H / 24H |
| Show seconds |
Enable/disable seconds |
| CRT scanlines |
Retro CRT overlay effect |
CRT Scanlines
Optional retro effect:
- Horizontal lines overlay
- Simulates old CRT monitor aesthetic
- Adjustable intensity