Apple Watch Series 10 Display
The ultimate Apple Watch Series 10 replica for the web. Features physically accurate strap dynamics, 5 fully interactive watch faces (Nike, Infograph, Modular), and real-time complications. Built with Framer Motion for 60fps animations and fluid state transitions.
Installation
Add this component to your project using the CLI:
npx vui-registry-cli-v1 add apple-watch-displaySource Code
Premium Source Code
Access high-fidelity, production-grade components with a premium license. Meticulously crafted for performance, a11y, and polish.
Premium Only
Get PremiumSource Code
Premium Source Code
Access high-fidelity, production-grade components with a premium license. Meticulously crafted for performance, a11y, and polish.
Premium Only
Get PremiumSource Code
Premium Source Code
Access high-fidelity, production-grade components with a premium license. Meticulously crafted for performance, a11y, and polish.
Premium Only
Get PremiumSource Code
Premium Source Code
Access high-fidelity, production-grade components with a premium license. Meticulously crafted for performance, a11y, and polish.
Premium Only
Get PremiumSource Code
Premium Source Code
Access high-fidelity, production-grade components with a premium license. Meticulously crafted for performance, a11y, and polish.
Premium Only
Get PremiumSource Code
Premium Source Code
Access high-fidelity, production-grade components with a premium license. Meticulously crafted for performance, a11y, and polish.
Premium Only
Get PremiumDependencies
framer-motion: latestlucide-react: latestclsx: latesttailwind-merge: latest
Props
Component property reference.
| Name | Type | Default | Description |
|---|---|---|---|
| initialFace | 'activity' | 'reflections' | 'infograph' | 'modular' | 'nike' | 'activity' | The initial watch face to display on mount. |
| className | string | undefined | Optional wrapper className to adjust spacing or layout. |
Most components here are inspired by outstanding libraries and creators in the ecosystem. I don’t claim to be the original author — this is my space for learning, rebuilding, and understanding great work at a deeper level.
I’m still a student of the craft, constantly studying the best and translating what I learn through my own perspective. Every piece reflects curiosity, respect for the community, and small creative touches that feel true to me.
I’ve done my best to credit inspirations properly. If anything is missing or inaccurate, I truly appreciate a message so it can be corrected with care.

