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! ★
Top comments (0)
Some comments may only be visible to logged-in visitors. Sign in to view all comments.