Build organic motion
with ease.
A collection of fluid, physics-based components for React Native. Bring your app to life with interactions that feel natural.
Available Components
FadeIn
A simple fade-in animation component with configurable duration and delay.
SlideIn
Smooth slide animation from any direction with configurable duration.
ScaleIn
Scale animation with smooth timing and slight overshoot for a satisfying pop-in effect.
Bounce
Bouncy entrance animation with controlled overshoot matching CSS keyframes.
Shake
Shake animation triggered by a prop, perfect for error states or attention grabbing.
Pulse
Continuous pulsing animation for loading states or drawing attention.
Rotate
Rotation animation with infinite loop by default for spinners.
AnimatedButton
Button with smooth press feedback using timing-based animations.
AnimatedCard
Card component with smooth press feedback and composable sub-components (CardHeader, CardTitle, CardDescription, CardContent, CardFooter) similar to shadcn/ui.
Skeleton
Skeleton loader with shimmer effect for loading states.
Stagger
Wrapper for smooth staggered child animations without bounce.
AnimatedList
FlatList with smooth enter/exit animations and stagger effect.
BottomDrawer
Bottom sheet with smooth slide animations and gesture-based drag to close.
ExpandableCard
Card with smooth expand/collapse animation, rotating arrow, and customizable content.
BottomNavigation
Bottom navigation bar with 4 variants (default, floating, minimal, pill) and smooth animations.
AnimatedInput
Input component with 4 variants (outlined, filled, underlined, rounded), floating label animation, and error shake effect.
AnimatedDialog
Dialog/Modal with 4 variants (default, fullscreen, bottom-sheet, minimal) and smooth animations.
ProgressBar
Animated progress bar with line and wavy variants. The wavy variant uses SVG Bezier curves for a smooth, organic wave effect.
FavoriteButton
Heart switch button with pulse animation and sliding text labels.
AnimatedTabs
Segmented control with elastic sliding indicator using layout animations.
OtpInput
OTP/PIN input with animated focus, cursor, and error shake effects.
SwipeableRow
A row component with swipeable actions on both sides, supporting smooth timing animations.
TextShimmer
A text component with a shimmering gradient overlay effect.
TextScramble
A text animation that scrambles characters before revealing the final text.
SlidingNumber
An animated number component that slides digits up and down like a mechanical counter.
ThemeToggle
A dark mode toggle with a seamless circular reveal transition. Uses react-native-view-shot for screenshots and Reanimated for smooth animation.
Onboarding
A beautiful multi-screen onboarding flow with swipeable pages, smooth scroll-driven animations, mascot entrance effects, and animated pagination dots.
TransitionPanel
A motion component that switches content with custom enter/exit animations.
ToolbarDynamic
An animated toolbar that smoothly expands into a search bar.