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

  1. 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

    AlienUI preview
  2. 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

    awesome-react-native-ui preview
  3. 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

    candlefinance/haptics preview
  4. 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

    enzomanuelmangano/demos preview
  5. 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

    expo-thinking-orbs preview
  6. 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

    Haptico preview
  7. 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

    HeroUI Native preview
  8. 08

    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

    leshi-ui preview
  9. 09

    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

    liquid-glass-screens preview
  10. 10

    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

    Moti preview
  11. 11

    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

    native-springs preview
  12. 12

    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

    nativecn preview
  13. 13

    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

    NativeUI (nativeui-org/ui) preview
  14. 14

    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

    NativeWindUI preview
  15. 15

    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

    react-native-animateable-text preview
  16. 16

    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

    react-native-animation-samples preview
  17. 17

    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

    react-native-auto-skeleton preview
  18. 18

    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

    react-native-header-motion preview
  19. 19

    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

    react-native-nitro-haptics preview
  20. 20

    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

    react-native-reusables preview
  21. 21

    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

    react-native-tickle preview
  22. 22

    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

    react-native-turbo-haptics preview
  23. 23

    react-native-zoom-reanimated

    Pinch-to-zoom component reproducing Apple Photos gesture behaviour including rubber-band physics and double-tap.

    Why it made the list: Matching Apple Photos physics is deceptively hard; this one actually nails it

    RN animationMITKesha Antonov (@kesha-antonov)github.com

    react-native-zoom-reanimated preview
  24. 24

    stagger

    Cross-platform React Native component that applies staggered entry and exit animations to child lists via Reanimated.

    Why it made the list: One tiny primitive that makes any list feel designed; drop-in, no config

    RN animationMITanimate-react-nativegithub.com

    stagger preview

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.
All round-upsSearch all gemsNewest additions