21st
12,000+ hand-crafted React and Tailwind components, templates and shadcn themes.
WebsiteWorkflowsWebFreemium
4.7Visit
Website
Make It Animated
Beautiful React Native animations with code you can learn from.
Day 43 since launch · Launched 25 August 2026
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletter
Made by Shushant LakhyaniKnow about Shushant Lakhyani hereGet all my visual guides hereSee what I can build for youAI+Tech+No-Code+Online Business Mini GuidesJoin the newsletterBuilt with love by Shushant Lakhyani. Building bestproductivityresources.com
Screenshot or bookmark this page so you find it later, then share it with your network.
What is Make It Animated?
Make It Animated is a gallery of beautiful React Native animations built with Reanimated, Gesture Handler, Animated API and Skia. Browse examples, learn from real code and build better animated apps.
Pros
- Real code for every animation
- Covers Reanimated, Gesture Handler and Skia
- Free inspiration plus learning resource
Cons
- React Native specific
- Assumes some mobile development knowledge
Who should use Make It Animated
React Native developers who want production-quality animation examples with source code.
Who may not need it
Web-only developers or those not building mobile apps.
Make It Animated alternatives
Similar resources to Make It Animated, picked from the directory.
Awesome Machine Learning
A curated list of awesome machine learning frameworks, libraries and software.
WebsiteLearningWebFree
4.7Visit
Shortcuts.design
Every keyboard shortcut for designers, centralised and searchable.
WebsitePersonal ProductivityWebFree
4.7Visit
Awesome Harness Engineering
A curated awesome list for AI agent harness engineering: tools, patterns, evals, memory, MCP and orchestration.
WebsiteAI ProductivityWebFree
4.6Visit
Rare UI
A free, open-source registry of rare animated React components.
WebsiteWorkflowsWebFree
4.6Visit
Clone Wars
100+ open-source clones of popular sites like Airbnb, Netflix and Spotify.
WebsiteLearningWebFree
4.5Visit
Free alternatives to Make It Animated
Free resources that cover similar ground.
Detail
Where craft lives — a curated reference of small design decisions that shape better interfaces.
WebsiteWorkflowsWebFree
4.5Visit
Grok Bot Documentation
The official docs for how Grok Bot works and how to use it.
WebsiteAI ProductivityWebFree
4.5Visit
Morphicons
Morph any SVG icon into another with spring physics.
WebsiteWorkflowsWebFree
4.5Visit
Nuxt Charts
A beautiful, comprehensive chart library for Nuxt and Vue applications.
WebsiteLearningWebFree
4.5Visit
UI Skills
A collection of design-engineering skills for accessibility, motion, frontend craft and interface quality.
WebsiteWorkflowsWebFree
4.5Visit
uncoverLAB
Never start from blank Figma ever again! Website design components, app flows and color palettes.
WebsiteWorkflowsWebFree
4.5Visit
Featured on Best Productivity Resources
Made Make It Animated? Add this free badge to your website or README. It links to this page.
<a href="https://bestproductivityresources.com/resources/make-it-animated" target="_blank" rel="noopener"><img src="https://bestproductivityresources.com/badges/featured-light.svg" alt="Featured on Best Productivity Resources" width="250" height="54" /></a>