A unique digital clock that displays time using illuminated words instead of traditional numbers. This implementation adds an interesting twist by incorporating special date recognition, transforming the display for holidays and special occasions.
Theme Gallery (see all themes): https://carledwards.github.io/wordclock/gallery.html
Individual Themes:
- Default - Clean, minimal design
- Terminal - Green terminal display with monospace grid
- Live Terminal - Animated typing cursor effect
- DOS - Classic DOS window with monospace grid
- 16-Segment - LED-style 16-segment display with monospace grid
- Mac 1984 - Classic Macintosh window
- Liquid Glass - iOS-style glass effects
The word clock presents time in natural language format, illuminating specific words to form readable phrases like "IT'S HALF PAST TWO" or "IT'S QUARTER TO FIVE". This creates an engaging and artistic way to display time, blending functionality with visual appeal.
- Natural Language Time Display - Time shown as readable phrases
- Multiple Themes - Terminal, DOS, Mac 1984, and more
- Special Date Recognition - Holidays and birthdays with unique highlighting
- Monospace Grid System - Perfect character alignment for terminal themes
- Interactive Elements - Click words for special features
- Custom Backgrounds - Add your own background images
- Mobile Responsive - Works on all devices
- Terminal: Classic green monospace text with perfect grid alignment
- Live Terminal: Animated cursor that types out the time character by character
- DOS: Blue background with white text in authentic DOS style
- 16-Segment: LED-style 16-segment display with monospace grid alignment
- Mac 1984: Classic Macintosh window with title bar and menu
- Liquid Glass: iOS-style translucent glass effects
- Default: Clean, minimal design
The clock automatically recognizes special dates and transforms the display:
- Christmas Demo - "MERRY CHRISTMAS" in festive colors
- New Year Demo - "HAPPY NEW YEAR" celebration
- Anniversary Demo - Special anniversary display
?theme=terminal- Choose a theme (default, terminal, live-terminal, dos, 16-segment, mac1984, liquid-glass)?date=2024-12-25- Set a specific date (YYYY-MM-DD format)?title=My Clock- Custom window title (works with mac1984 theme)?controls=true- Add time controls for testing
?background=IMAGE_URL- Add custom background image?family=ENCODED_JSON- Configure family birthdays and anniversary
?theme=live-terminal&controls=true
?date=2024-12-25&theme=terminal
?theme=mac1984&title=My Custom Clock
- Click "IT'S" - Opens family configuration builder
- Click "HAPPY" - Shows days until special events
- Click "O'CLOCK" - Cycles through available themes
- Click family names - Shows their birthday celebration
- Click special dates - Temporarily shows that celebration
- Pure JavaScript - No external dependencies
- Monospace Grid System - Perfect character alignment across themes
- Smart Change Detection - Only redraws when display actually changes
- Cache-Busting Gallery - Always shows latest theme updates
- Responsive Design - Works on desktop and mobile
MIT License - Feel free to use and modify for your own projects.