Skip to content
Day 69: new resources are added every day. See what's new
Best Productivity ResourcesBy Shushant LakhyaniVerified creator

Website

Make It Animated

Beautiful React Native animations with code you can learn from.

Visit Make It Animated4.4

  • Rating

    4.4 / 5

  • Pricing

    Free

  • Difficulty

    Intermediate

  • Works on

    Web

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

Free: 1,100+ ways people make money onlineFree: 399+ ways to make money online

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: what Make It Animated does well

  • Real code for every animation
  • Covers Reanimated, Gesture Handler and Skia
  • Free inspiration plus learning resource

Cons: where it falls short

  • React Native specific
  • Assumes some mobile development knowledge

Who Make It Animated is for

React Native developers who want production-quality animation examples with source code.

Who can skip it

Web-only developers or those not building mobile apps.

Make It Animated alternatives

Not sold on Make It Animated? These do a similar job, and each card says what it has in common.

All Learning resources

21st

Focus: react, tailwind and components. Also in Workflows and Learning, like Make It Animated. Freemium (Make It Animated: Free). Rated 4.7 (Make It Animated: 4.4).

WebsiteFree planWeb
4.7Visit

Awesome Machine Learning

Focus: machine learning, awesome list and frameworks. Also in Learning and Workflows, like Make It Animated. Rated 4.7 (Make It Animated: 4.4).

WebsiteFreeWeb
4.7Visit

Rare UI

Focus: react, components and tailwind. Also in Workflows and Learning, like Make It Animated. Rated 4.6 (Make It Animated: 4.4).

WebsiteFreeWeb
4.6Visit

Free alternatives to Make It Animated

Want to spend nothing? These free picks cover similar ground.

Clone Wars

Focus: open source, clones and learning. Also in Learning and Workflows, like Make It Animated. Rated 4.5 (Make It Animated: 4.4).

WebsiteFreeWeb
4.5Visit

Detail

Focus: design, ui and interaction design. Also in Workflows and Learning, like Make It Animated. Rated 4.5 (Make It Animated: 4.4).

WebsiteFreeWeb
4.5Visit

Morphicons

Focus: icons, svg and animation. Also in Workflows and Learning, like Make It Animated. Rated 4.5 (Make It Animated: 4.4).

WebsiteFreeWeb
4.5Visit

Nuxt Charts

Focus: vue, nuxt and charts. Also in Learning and Workflows, like Make It Animated. Rated 4.5 (Make It Animated: 4.4).

WebsiteFreeWeb
4.5Visit

UI Skills

Focus: ui design, design engineering and frontend craft. Also in Workflows and Learning, like Make It Animated. Rated 4.5 (Make It Animated: 4.4).

WebsiteFreeWeb
4.5Visit
Are you the maker of Make It Animated?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

Everything new, every Monday.

One short email every Monday with everything shipped that week: new free tools and websites, new guides, new free browser tools and what's new in my free Gumroad libraries, plus how the site is growing. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.