The Vibeary — round-up
Best React Native UI kits and animation libraries
React Native apps live or die on feel. A component kit that looks right in a screenshot can still feel wrong in the hand if gestures lag, transitions run on the JS thread or haptics are missing. This shelf collects the kits and animation libraries that hold up on a real device: worklet-driven animation, gesture handling, native-feeling sheets and navigation, and the haptics packages that make taps land. Together they cover most of what separates a shipped app from a prototype.
What earned a place
- Animation runs on the UI thread, not through the bridge
- Gestures and sheets feel native on both platforms
- Maintained against current Expo and RN releases
- Themeable rather than locked to one visual style
24 picks from the library
- 01
AlienUI
Open component library of NativeWind-styled React Native elements covering forms, cards, overlays and navigation patterns.
Why it made the list: Free NativeWind kit with enough breadth to skip the boring first week of a build
RN component kitsMITAlienUI Orggithub.com
- 02
awesome-react-native-ui
Source repository behind rnui.dev, a curated index of React Native UI and animation implementations with metadata.
Why it made the list: Machine-readable index you can fork and query, not just a markdown wall
RN animationMITMohibur Rahman (@mrpmohiburrahman)github.com
- 03
candlefinance/haptics
React Native haptics module supporting custom patterns and Apple AHAP pattern files.
Why it made the list: Load designer-authored AHAP files straight into an RN app
HapticsMITCandle Finance (@candlefinance)github.com
- 04
enzomanuelmangano/demos
Ongoing collection of React Native animation implementations built with Reanimated, Gesture Handler and Skia, each self-contained.
Why it made the list: Single richest source of copy-ready RN motion code; one person, hundreds of demos
RN animationMITEnzo Manuel Mangano (@enzomanuelmangano)github.com
- 05
expo-thinking-orbs
AI thinking indicators and voice-agent orb animations running on the UI thread with Skia and Reanimated.
Why it made the list: Exactly the visual every AI app now needs, and almost nobody has a good one
RN animationMITMahdi Davoodi (@mahdidavoodi7)github.com
- 06
Haptico
Swift haptic feedback generator with pattern-play support, so you can script vibration rhythms.
Why it made the list: Pattern notation for haptics predates Core Haptics and is still easier to reason about
HapticsMITIvan Sapozhnik (@iSapozhnik)github.com
- 07
HeroUI Native
React Native component library from the HeroUI team, built on NativeWind with animation and theming primitives baked in.
Why it made the list: Web design-system team bringing their taste to mobile; still early enough to shape
RN component kitsMITHeroUI (@heroui-inc)github.com
- 08
Kinetik UI
136 animated components and four screen templates for Expo and React Native, built on Reanimated, Gesture Handler and Skia, copied into your app with one command.
Why it made the list: Web-registry polish for native: shader backgrounds, tactile inputs and charts running on the UI thread.
RN component kitsMIT@NURULLAHTURGUTkinetik-ui.dev
- 09
leshi-ui
CLI and component toolkit for React Native with a theming layer and no runtime styling overhead.
Why it made the list: Tiny solo project with a real architecture opinion: zero runtime cost styling
RN component kitsMITAgustin Oberg (@AgustinOberg)github.com
- 10
Liquid Glass Chat UI
Expo React Native chat cookbooks with liquid-glass portraits, interactive stories, floating composers and reversible gesture-driven conversations.
Why it made the list: Glass chat UIs that move with the keyboard, not static glass mockups.
RN animationMITAppllama (@jaimintf)github.com
- 11
liquid-glass-screens
Two Expo React Native liquid-glass welcome screens with Skia refraction, swipe-driven sphere motion, and agent copy-paste prompts.
Why it made the list: Gesture-true glass onboarding cookbooks with motion specs and agent prompts, not a static mock.
RN animationGPLAppllama (@jaimintf)github.com
- 12
Moti
Declarative animation layer over Reanimated with Framer-Motion-style mount and unmount transitions, variants and sequences.
Why it made the list: The API Reanimated should have shipped with; removes the worklet learning curve
RN animationMITFernando Rojo (@FernandoTheRojo)github.com
- 13
native-springs
Set of animated React Native components built on Reanimated and Skia, focused on spring-driven interaction patterns.
Why it made the list: Low-star repo with genuinely good spring feel; a free taste upgrade
RN animationMITMatthewSRCgithub.com
- 14
nativecn
Universal shadcn/ui implementation targeting React Native and web from one component source.
Why it made the list: Same component renders on web and native — the universal-app dream, small repo
RN component kitsMITunisol1020github.com
- 15
NativeUI (nativeui-org/ui)
Accessible React Native components distributed through the shadcn registry format, installable with the same CLI you use on web.
Why it made the list: Shares a registry with your web shadcn setup, so one CLI covers both targets
RN component kitsMITnativeui-orggithub.com
- 16
NativeWindUI
Component set that deliberately mimics platform-native iOS and Android look and feel instead of a single cross-platform aesthetic.
Why it made the list: Chases native feel per platform rather than one generic look — rare discipline
RN component kitsMITRoninOSS (@roninoss)github.com
- 17
react-native-animateable-text
Fork of the Text component that accepts Reanimated shared values so text content updates without JS thread re-renders.
Why it made the list: Solves animated counters and timers properly; most devs still re-render on every frame
RN animationMITAxelra (@axelra-ag)github.com
- 18
react-native-animation-samples
Gesture-driven, interruptible animation samples in React Native covering complex real-world interaction cases.
Why it made the list: Focuses on interruptibility, the thing that separates good motion from demo motion
RN animationMITAashu Dubey (@Aashu-Dubey)github.com
- 19
react-native-auto-skeleton
Generates skeleton loading placeholders automatically from your existing layout tree with no per-screen configuration.
Why it made the list: Kills the worst busywork in mobile UI: hand-drawing a skeleton per screen
RN animationMITpioner92github.com
- 20
react-native-header-motion
High-level APIs for orchestrating scroll-driven header collapse, blur and title transitions in React Native.
Why it made the list: Collapsing headers are the most-rebuilt mobile pattern; this one is already tuned
RN animationMITpawicaogithub.com
- 21
react-native-nitro-haptics
Low-latency haptic feedback for React Native built on Nitro modules, callable directly from Reanimated worklets.
Why it made the list: Worklet-callable haptics means feedback lands on the exact animation frame
HapticsMITJoel Arvidsson (@oblador)github.com
- 22
react-native-reusables
shadcn/ui port for React Native built on NativeWind, distributed as a copy-into-your-repo CLI registry rather than an npm dependency.
Why it made the list: The shadcn ownership model finally applied to mobile; you own every component file
RN component kitsMITFounded Labs / Mrzachnugentgithub.com
- 23
react-native-tickle
AHAP-style transient and continuous haptic patterns for React Native, not just the three preset impacts.
Why it made the list: Custom haptic curves instead of light/medium/heavy — a whole design dimension unlocked
HapticsMITRenegades Studiogithub.com
- 24
react-native-turbo-haptics
Fast worklet-compatible haptic feedback module for React Native from the Rainbow wallet team.
Why it made the list: Extracted from a shipping app with famously good feel; battle-tested, barely promoted
HapticsMITChristian Baroni (@christianbaroni)github.com
Questions
- Do these work with Expo?
- Most do, though some need a development build rather than Expo Go. The project docs state which.
- Why does my RN animation stutter?
- Usually because it runs in JavaScript rather than as a worklet on the UI thread. Moving to a worklet-based library fixes most cases.