Native
15 Oct 2025
react-native-reanimated-timer
A performant and flexible timer library for React Native, built with Reanimated for smooth animations and real-time timekeeping features like timer and stopwatch.
Loading Content...
react-native-reanimated-timer is a flexible and high-performance timekeeping library for React Native, built with Reanimated v3 and fully compatible with Expo. It delivers smooth 60FPS animations, composable APIs, and a polished user experience out of the box.
Components
This package includes three core composable components:
- Timer : A countdown timer with customizable duration, animated progress, and seamless transitions.
- Stopwatch : A precise stopwatch with intuitive start, pause, and reset controls.
- Clock : A real-time animated clock synced to the system time.
Composability
Each component exposes building-block primitives (e.g., Segments, Digits, and Labels) so you can compose your own time-based UIs with full control. Create custom layouts, transitions, or entirely new timer styles using the same performant foundation.
Customization
Built with NativeWind support, every component accepts a className prop for effortless styling with Tailwind CSS — no need for inline styles or manual View composition. Props allow fine-grained control over animation, layout, and formatting, making integration seamless in any design system.
Built for TypeScript
Written in TypeScript from the ground up, @docren/react-native-reanimated-timer provides full type safety, intelligent autocompletion, and an improved developer experience.
Use Cases
Perfect for fitness apps, productivity tools, dashboards, or any project that needs animated time-based UI — combining performance, composability, and developer joy at its core.