-
Notifications
You must be signed in to change notification settings - Fork 1
Clock
CyberGems edited this page Aug 31, 2026
·
1 revision
CyberClock provides both analog and digital time display with smooth animations and neon cyberpunk styling.
- Canvas-rendered for smooth animation
- Neon accent colors for hands and markers
- Smooth second hand movement (not tick-based)
- Customizable colors via themes
| 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 |
- Font: Orbitron (monospace-style tech font)
- Fixed-width digits: No layout shift when time changes
- Colon separators: Blinking colons between hours/minutes/seconds
| Format | Example |
|---|---|
| 12-hour | 11:45:30 PM |
| 24-hour | 23:45:30 |
| Option | Description |
|---|---|
| Show seconds | Toggle seconds display |
| Leading zero | Show/hide leading zero on hours |
| Setting | Description |
|---|---|
| Time format | 12H / 24H |
| Show seconds | Enable/disable seconds |
| CRT scanlines | Retro CRT overlay effect |
Optional retro effect:
- Horizontal lines overlay
- Simulates old CRT monitor aesthetic
- Adjustable intensity