RN Animated Components
Beautiful React Native animated components with smooth transitions
Components
AnimatedNumber
Animated number display with smooth transitions for digits and separators
CircleLoader
Circular animated loader with balls moving on a perfect circular path
LiquidSwitch
Custom toggle switch with liquid-like sliding effect and optional icons
ScratchCard
Scratchable canvas component that reveals hidden content with gestures
Quick Start
Get started with any component in minutes:
- Choose a component from the list above
- Copy the component file into your project
- Install dependencies if not already installed
- Import and use in your React Native app
npx expo install react-native-reanimated @shopify/react-native-skia react-native-gesture-handlerAll components are self-contained and work by simply copying the component file into your project. No additional configuration required!
Features
- High Performance - Built with Reanimated and Skia
- Copy & Paste - Self-contained components
- Customizable - Extensive props and styling options
- Well Documented - Comprehensive examples and API docs
- Smooth Animations - Physics-based transitions
- TypeScript Ready - Full type definitions included
Made with love by niche.guys