xiry.

Development · Website

Make It Animated

Curated React Native animations and components reverse-engineered from popular apps

From the Xiry library · Updated 10 October 2026

Visit makeitanimated.dev ↗

Make It Animated is a curated library of 100+ production-ready React Native animations modeled after real micro-interactions in apps like Linear, Opal, Raycast, and Reddit. Built using Reanimated, Gesture Handler, and Skia, each animation includes fully documented code optimized for 60fps performance.

What it's for

  • Recreate polished mobile micro-interactions from apps like Opal, Raycast, and Threads
  • Integrate drop-in animated components like keyframe loaders, shimmers, and strikethroughs into React Native apps
  • Study commented Reanimated and Skia code to improve animation performance and architecture

Features

  • Over 100 recreations of animations from popular iOS and Android apps
  • Built with React Native Reanimated, Gesture Handler, Animated API, and Skia
  • Includes reusable compound components such as Loader, Shimmer, and TextStrikethrough
  • Fully commented source code with best practices optimized for 60fps
  • AI-friendly codebase featuring custom commands, rules, and skills for AI-assisted coding
  • Expo and Expo Router compatible

Pricing

Paid. $69 one-time payment for lifetime access

Details

Type
Website
Category
Development
Topic
UI Components
Open source
No
Platforms
Web, iOS, Android
For
React Native and Expo mobile developers and designers
Tags
react native, animations, reanimated, skia, mobile, expo, ui design

Why it was saved

  • @pJacquelDesign, 16 November 2025: Reference and source for recreating polished mobile micro-interactions in React

Related

  • shadcn/ui

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

  • Efferd

    Pre-built, responsive shadcn/ui blocks and layouts for React applications

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • React Bits

    Open-source animated and interactive React UI components and backgrounds

  • 21st.dev

    Curated directory of crafted React, Tailwind, and shadcn UI components.

  • lucide-animated

    Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated