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
Volodymyr
@volo-s.bsky.social
react dev / mobile animations lover building https://makeitanimated.dev
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...
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
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.
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
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
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...
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
This is the home tabs transition animation from the Fuse app. Very tricky interpolation, but I did it. - Built for React Native - Using @expo.dev and @swmansion.com reanimated - Available on makeitanimated.dev
I made this animation for my own app, ColorsApp. I just knew choosing a color shouldn't be boring. Built with @expo.dev using @swmansion.com reanimated More details here: www.makeitanimated.dev/animation/co...
I’ve added changelog on my website so everyone who’s already onboard or any random stranger can check an updates. Feels like I write a diary
Achievements carousel animation from the GitHub mobile app built with Reanimated. You might have noticed there's a loop here and I want to show you how to achieve this using only FlatList props.👇👇