# Make It Animated

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

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.

Website: https://makeitanimated.dev/

## What it is 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](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- 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](https://x.com/pJacquelDesign/status/1990102603825660150): Reference and source for recreating polished mobile micro-interactions in React

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/make-it-animated

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.