I created this paywall for my colors-app.com about 14 months ago and still love it π Probably I need to add it to my makeitanimated.dev collection as well.
β¦ @expo.dev app
β¦ gorhom bottom sheet
β¦ @revenuecat.com payments
Instagram's home just got bigger.
Already had header + dots.
Now it also truncates post text.β¨β¨
β¦ Built for React Native using @expo.dev
β¦ Powered by @swmansion.com reanimated
β¦ Available on makeitanimated.dev
makeitanimated.dev July β¦ 25 recap
Preview app:
β€ iOS apps.apple.com/us/app/make-...
β€ Android play.google.com/store/apps/d...
I tested on low-end android brick - feels nice. But unfortunately some of my animations have limitations. You can check it here if you have android play.google.com/store/apps/d...
Me too :)
My take on Almaβs onboarding carousel.
Subtle motion, but it pulls the whole screen together.
β¦ Built for React Native using @expo.dev
β¦ Powered by @swmansion.com reanimated
β¦ Available on makeitanimated.dev
Beauty of Simulator > Debug > Slow Animations β¨
Iβve probably toggled this menu from the Grok app a few hundred times since yesterday. Still not tired of it.
β¦ Built for React Native using @expo.dev
β¦ Powered by @swmansion.com reanimated
β¦ Available on makeitanimated.dev
We want heroui.com native to look great out of the box.
But if youβre building your own beautiful, weird, one-of-a-kind thing - the component api shouldnβt block you.
It should guide you.
Thanks π
ΠΠ΅ Ρ ΠΎΡΡΠ² Π½ΡΠΊΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π·ΠΈΡΠΈ ΡΠΊΡΠΎ ΡΠΎ - ΠΏΡΠΎΡΡΠΎ ΡΠ°ΠΊ ΡΠ΅Ρ Π½ΡΡΠ½ΠΎ Π»Π΅Π³ΡΠ΅ ΡΡΠΈΠΌΠ°ΡΠΈ ΠΎΠ΄Π½Ρ ΠΌΠΎΠ²Ρ, Π²Π°Π»ΡΡΡ ΠΏΡΠ°ΠΉΡ.
A beautiful list of upcoming movies from the Showcase app, featuring subtle blur interpolation.
β¦ Built for React Native using @expo.dev
β¦ Powered by @swmansion.com reanimated
β¦ Available on makeitanimated.dev
π Cooking a switch for the upcoming HeroUI Native.
The goal: you, or your AI agent, open the docs, copy an example, and have it running before your coffee cools down.
Added two more animations from the @discord.com app. Already live at makeitanimated.dev
makeitanimated.dev June β¦ 25 recap
Playing around with some animations from the @discord.com app. Feels nice!
β¬’ React Native + @expo.dev
β¬’ @swmansion.com reanimated
β¬’ Available at makeitanimated.dev
Just added a QR code scanner to the makeitanimated.dev preview app. It comes with a smooth transition and haptic feedback. Trying to make the website and the app feel a bit more connected.
Must-have nowadays: shimmer text component for that AI chat thinking vibe π§
β¦ Built for React Native using @expo.dev
β¦ Powered by @swmansion.com reanimated
β¦ Available on makeitanimated.dev
Slack catch-up on Monday!
β¦ Built for React Native using @expo.dev
β¦ Powered by @swmansion.com reanimated and gesture handler + react-native-skia
β¦ Available π makeitanimated.dev
makeitanimated.dev may/25 recap
Not sure when I became part of Fuse Wallet marketing team. Just wanted to recreate a cool animation.
Now I canβt stop - need to pause after this drop.
β¦ Built for React Native using @expo.dev
β¦ Powered by @swmansion.com reanimated
β¦ Available on makeitanimated.dev
Tried building this carousel from the Fuse App. When you open and scroll slowly, youβll notice something subtle: each card spends about 75% of the scroll leaving and 25% entering in both directions. Itβs a weird pattern and deceptively hard to get right.
β¦ Available on makeitanimated.dev
The expanding button in Apple Books has this subtle staging animation. It just feels right
β¦ Built for React Native using @expo.dev
β¦ Powered by @swmansion.com reanimated
β¦ Available on makeitanimated.dev
I continue to work on google chrome tabs screen. Gonna make it fully functional like the original one.
β¦ Built for React Native using @expo.dev
β¦ Powered by @swmansion.com reanimated
β¦ Available on makeitanimated.dev
I built my own instagram dots - no hacks, no dummy fillers or unnecessary animations. Just image index + interpolation. Feels especially smooth with gesture control π
β¦ Built for React Native using @expo.dev
β¦ Powered by reanimated and gesture handler
β¦ Available at makeitanimated.dev
Awesome, well-structured @raycast.com home screen - your search action shouldn't be boring.
β¦ Built for React Native using @expo.dev
β¦ Powered by @swmansion.com Reanimated
β¦ Available on makeitanimated.dev
Don't miss out on new animations at makeitanimated.dev and get your push notification
β’ Youtube channel for quick preview
β’ Mobile apps for testing
I started a blog about react native animations. Gonna write about things which work for me.
Here is the first one - how to handle scroll direction using reanimated
www.makeitanimated.dev/blog/handlin...
makeitanimated.dev monthly recap
I added navigation support to my pinterest tabs. All tab routes are dynamic and pins are loading based on board slug.
β’ Built for React Native using @expo.dev
β’ @reactnavigation.bsky.social material top tabs
β’ @swmansion.com reanimated
β’ Available on makeitanimated.dev
