Simple Clock - A Minimal Hybrid Analog/Digital Clock with Smooth Animations

Code:
https://github.com/aren28/SimpleClock

URL:
https://simple-clock-sigma.vercel.app

Setup:

# Clone the repository  
git clone https://github.com/aren28/SimpleClock.git

# Install dependencies
npm install

# Start the development server (localhost:3000)  
npm run dev

I built a lightweight clock app that combines:

• Smooth analog clock animations (60fps)

• Clean digital display

• Automatic time sync via useEffect polling

• Responsive Material-UI design

*Tech Stack: *
React 19, TypeScript 5, MUI v5, Vercel

Why it's interesting:

• Pure client-side time handling (no WebSocket/server dependency)

• Optimized animations using requestAnimationFrame

• <1s startup time (pre-rendered static assets)

• MIT licensed - easy to fork/adapt

Would love feedback on:

• Animation performance on different devices

• Potential use cases (kiosks, dashboards, etc)

• How you'd improve the time sync approach

If you find this useful, stars on GitHub or follows are always appreciated! ★

Comments

[Lamri Abdellah Ramdane]

This is a beautifully crafted hybrid clock! The smooth animations and minimalist design make it a standout. I’ve been using ServBay to keep my local dev setups clean and reproducible, and it really helps manage dependencies and configurations across projects.