Animated Smartwatch

Scroll-driven smartwatch mockup that rotates into view, with a live clock face or your own screen content.

ReactScroll AnimationDevice MockupMotion
Open in

Always on time

Scroll down. The watch settles into place and shows the current time in your locale.

 

Pass any content as children to replace the built-in clock face.

Install Dependencies

1npx shadcn@latest add https://ui.devsloka.in/r/animated-smartwatch.json