Volodymyr
@volo-s.bsky.social
react dev / mobile animations lover
building https://makeitanimated.dev
building https://makeitanimated.dev
Pinned
Volodymyr
@volo-s.bsky.social
· Mar 30
My first post here. Let me introduce the Make It Animated project I’ve recently launched
This is a collection of real-world mobile app animations, built for React Native
- Only real-world animations
- Search by app name
- Scan QR code and test animation on your device
-> www.makeitanimated.dev
This is a collection of real-world mobile app animations, built for React Native
- Only real-world animations
- Search by app name
- Scan QR code and test animation on your device
-> www.makeitanimated.dev
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
✦ @expo.dev app
✦ gorhom bottom sheet
✦ @revenuecat.com payments
August 15, 2025 at 8:41 AM
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
✦ @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
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
August 5, 2025 at 11:26 AM
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
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...
Preview app:
➤ iOS apps.apple.com/us/app/make-...
➤ Android play.google.com/store/apps/d...
July 30, 2025 at 11:36 AM
makeitanimated.dev July ✦ 25 recap
Preview app:
➤ iOS apps.apple.com/us/app/make-...
➤ Android play.google.com/store/apps/d...
Preview app:
➤ iOS apps.apple.com/us/app/make-...
➤ Android play.google.com/store/apps/d...
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
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
July 28, 2025 at 11:13 AM
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
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 ✨
July 23, 2025 at 11:03 AM
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
✦ Built for React Native using @expo.dev
✦ Powered by @swmansion.com reanimated
✦ Available on makeitanimated.dev
July 21, 2025 at 11:39 AM
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
✦ 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.
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.
July 18, 2025 at 11:58 AM
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.
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.
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
✦ Built for React Native using @expo.dev
✦ Powered by @swmansion.com reanimated
✦ Available on makeitanimated.dev
July 14, 2025 at 11:51 AM
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
✦ 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.
The goal: you, or your AI agent, open the docs, copy an example, and have it running before your coffee cools down.
July 11, 2025 at 3:15 PM
👀 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.
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
July 2, 2025 at 1:31 PM
Added two more animations from the @discord.com app. Already live at makeitanimated.dev
Playing around with some animations from the @discord.com app. Feels nice!
⬢ React Native + @expo.dev
⬢ @swmansion.com reanimated
⬢ Available at makeitanimated.dev
⬢ React Native + @expo.dev
⬢ @swmansion.com reanimated
⬢ Available at makeitanimated.dev
June 23, 2025 at 11:47 AM
Playing around with some animations from the @discord.com app. Feels nice!
⬢ React Native + @expo.dev
⬢ @swmansion.com reanimated
⬢ Available at makeitanimated.dev
⬢ 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.
June 18, 2025 at 12:42 PM
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
✦ Built for React Native using @expo.dev
✦ Powered by @swmansion.com reanimated
✦ Available on makeitanimated.dev
June 16, 2025 at 10:40 AM
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
✦ 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
✦ Built for React Native using @expo.dev
✦ Powered by @swmansion.com reanimated and gesture handler + react-native-skia
✦ Available 👉 makeitanimated.dev
June 2, 2025 at 11:44 AM
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
✦ Built for React Native using @expo.dev
✦ Powered by @swmansion.com reanimated and gesture handler + react-native-skia
✦ Available 👉 makeitanimated.dev
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
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
May 26, 2025 at 11:20 AM
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
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
✦ Available on makeitanimated.dev
May 19, 2025 at 12:26 PM
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
✦ 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
✦ Built for React Native using @expo.dev
✦ Powered by @swmansion.com reanimated
✦ Available on makeitanimated.dev
May 15, 2025 at 10:35 AM
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
✦ 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
✦ Built for React Native using @expo.dev
✦ Powered by @swmansion.com reanimated
✦ Available on makeitanimated.dev
May 12, 2025 at 11:59 AM
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
✦ 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
✦ Built for React Native using @expo.dev
✦ Powered by reanimated and gesture handler
✦ Available at makeitanimated.dev
May 8, 2025 at 10:53 AM
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
✦ 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
✦ Built for React Native using @expo.dev
✦ Powered by @swmansion.com Reanimated
✦ Available on makeitanimated.dev
May 5, 2025 at 11:12 AM
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
✦ 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
• Youtube channel for quick preview
• Mobile apps for testing
May 2, 2025 at 11:54 AM
Don't miss out on new animations at makeitanimated.dev and get your push notification
• Youtube channel for quick preview
• Mobile apps for testing
• 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...
Here is the first one - how to handle scroll direction using reanimated
www.makeitanimated.dev/blog/handlin...
May 1, 2025 at 1:25 PM
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...
Here is the first one - how to handle scroll direction using reanimated
www.makeitanimated.dev/blog/handlin...