Loading video...

Video Failed to Load

Go Home

💥 Demos is now Open Source. An ongoing collection of 110+ React Native animations crafted with Reanimated, Gesture Handler, and Skia. 🧵

reactiive_'s profile picture

Enzo Manuel Mangano

11,682 subscribers

194,489 views • 11 months ago •via X (Twitter)

Science & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Playing around with our upcoming react native 3d lib, skia and reanimated 💅
0:19

Playing around with our upcoming react native 3d lib, skia and reanimated 💅

Laurids 🇪🇺🇺🇦🇵🇸

25,016 views • 2 years ago

Draggable Panel with React Native Reanimated Available now on Demos ✨
0:13

Draggable Panel with React Native Reanimated Available now on Demos ✨

Enzo Manuel Mangano

16,316 views • 1 year ago

POV: your pull-to-refresh got a little out of hand w/ Expo + William Candillon's skia📦 for Appeeky The source code is available at React Native Components for free 👇
0:17

POV: your pull-to-refresh got a little out of hand w/ Expo + William Candillon's skia📦 for Appeeky The source code is available at React Native Components for free 👇

Erencan Arica

15,266 views • 1 month ago

Uniwind Starter Template is now available 🚀 40+ components, dark & light theming, tab and drawer navigation, basic screens and Claude/Cursor rules included. Built with React Native Expo Software Mansion reanimated and Uniwind
0:19

Uniwind Starter Template is now available 🚀 40+ components, dark & light theming, tab and drawer navigation, basic screens and Claude/Cursor rules included. Built with React Native Expo Software Mansion reanimated and Uniwind

Thomino

22,513 views • 5 months ago

Introducing React Native Doctor Find performance and security bugs in your mobile app Run via CLI and fix with agents. Fully open source npx react-doctor@latest
0:17

Introducing React Native Doctor Find performance and security bugs in your mobile app Run via CLI and fix with agents. Fully open source npx react-doctor@latest

Aiden Bai

171,606 views • 3 months ago

Here is an example of using multiple windows on iPadOS with React Native! ✨ Thanks to React Native Factory integrating this became a lot easier and now I'm working on first-party support for this feature! 👀
0:16

Here is an example of using multiple windows on iPadOS with React Native! ✨ Thanks to React Native Factory integrating this became a lot easier and now I'm working on first-party support for this feature! 👀

Oskar

21,638 views • 1 year ago

UI Interaction 1⃣3⃣ ♥️🔥 Dial Interaction built in #ReactNative, #Expo powered with Software Mansion's #Reanimated and Gesture Handler Design by @_iamsandeep and Dev by Karthik Balasubramanian Thanks to Expo snack and Evan Bacon 🥓, this now works on iOS and Android:
0:17

UI Interaction 1⃣3⃣ ♥️🔥 Dial Interaction built in #ReactNative, #Expo powered with Software Mansion's #Reanimated and Gesture Handler Design by @_iamsandeep and Dev by Karthik Balasubramanian Thanks to Expo snack and Evan Bacon 🥓, this now works on iOS and Android:

Timeless

53,833 views • 3 years ago

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!
0:10

Super excited to announce react-native-godot: A seamless integration of the Godot Engine with React Native for iOS and Android! Now you can create games with native UI components, giving them a polished, platform-native feel. Plus, you'll have full access to the engine and all GDScript functions directly within React Native, fully typed for an enhanced development experience. Since it's a standalone library, simply import a .pck file, and you're good to go. Open-sourcing in the coming weeks!

Jannis Ringwald

59,118 views • 1 year ago

Want to recreate ChatGPT’s swipe menu in React Native? 🧠 I spent the morning building it. Here’s how it works: → Gesture Handler tracks the swipe → Reanimated handles movement, scale, and opacity → Codex helped me build a custom Expo module for the exact iOS screen radius → Older iOS and Android use hardcoded fallbacks The detail that sells the effect: the corner radius never changes, so it feels like you’re moving the physical display. Source code 👇
0:13

Want to recreate ChatGPT’s swipe menu in React Native? 🧠 I spent the morning building it. Here’s how it works: → Gesture Handler tracks the swipe → Reanimated handles movement, scale, and opacity → Codex helped me build a custom Expo module for the exact iOS screen radius → Older iOS and Android use hardcoded fallbacks The detail that sells the effect: the corner radius never changes, so it feels like you’re moving the physical display. Source code 👇

Beto

36,358 views • 1 month ago

UI Interaction 1⃣6️⃣ 😎 Pull to Action inspired by Baran’s work, built by Karthik Balasubramanian, built in #ReactNative, #Expo and powered with Software Mansion's #Reanimated and Gesture Handler Library. Thanks to Expo snack and Evan Bacon 🥓, this now works on both iOS and Android:
0:17

UI Interaction 1⃣6️⃣ 😎 Pull to Action inspired by Baran’s work, built by Karthik Balasubramanian, built in #ReactNative, #Expo and powered with Software Mansion's #Reanimated and Gesture Handler Library. Thanks to Expo snack and Evan Bacon 🥓, this now works on both iOS and Android:

Timeless

36,403 views • 3 years ago

Been checking out Expo's new headless <Tabs /> (again! 😎) and finally got to dig into some CSS transitions with Software Mansion's react-native-reanimated v4 🚀 Tab bar smoothly disappears/reappears as you scroll. Subtle animations and haptics. Feels pretty sweet!
0:13

Been checking out Expo's new headless <Tabs /> (again! 😎) and finally got to dig into some CSS transitions with Software Mansion's react-native-reanimated v4 🚀 Tab bar smoothly disappears/reappears as you scroll. Subtle animations and haptics. Feels pretty sweet!

Jacob Clausen

33,633 views • 1 year ago

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:
0:16

Bone Tide is officially out on the App Store and Google Play 🎉 The React Native Expo version runs on the exact same TypeGPU engine as the Web game, shared 1:1 between both platforms. Only the UI was ported to React This was made possible by some amazing work across the React Native open source ecosystem. Huge thanks to William Candillon for react-native-webgpu and for always helping me resolve any issues incredibly quickly :D I think it’s a pretty cool showcase of what can be built with React Native nowadays. More details about the libraries used in the 🧵 featuring what might be the ultimate Software Mansion stack iOS: Android: Web:

Konrad Reczko

65,233 views • 1 month ago

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign
0:17

My portfolio is now open source I’ve released the source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesign

David

66,974 views • 4 months ago

What if AI chat apps were actually fast? I'm making an open source demo app in React Native macOS with instant load from disk (no cache), real native liquid glass UI, only 17 MB app size, and under 100 MB of RAM. Web wrappers are slowing us down. Please let's make apps faster!
0:18

What if AI chat apps were actually fast? I'm making an open source demo app in React Native macOS with instant load from disk (no cache), real native liquid glass UI, only 17 MB app size, and under 100 MB of RAM. Web wrappers are slowing us down. Please let's make apps faster!

Jay Meistrich

16,979 views • 1 month ago

Omakade is available now. Steam, Lutris, Heroic, and Faugus in one beautiful, theme-native game library for Omarchy. Local-first, transparent, controller-ready, and open source. Download + source:
0:18

Omakade is available now. Steam, Lutris, Heroic, and Faugus in one beautiful, theme-native game library for Omarchy. Local-first, transparent, controller-ready, and open source. Download + source:

Tyler

240,346 views • 16 days ago

My go-to calendar template is now FREE on React Native Components. Built with Expo 📱 As a thank-you, feel free to follow Appeeky 🫶 Source code:
0:15

My go-to calendar template is now FREE on React Native Components. Built with Expo 📱 As a thank-you, feel free to follow Appeeky 🫶 Source code:

Erencan Arica

23,075 views • 3 months ago

I built an iOS-style modal sheet with React Aria Components and Framer Motion! It uses gesture-driven animations to feel super smooth and natural on touch devices. It's a surprisingly small amount of code too. Check it out! 🤩
0:14

I built an iOS-style modal sheet with React Aria Components and Framer Motion! It uses gesture-driven animations to feel super smooth and natural on touch devices. It's a surprisingly small amount of code too. Check it out! 🤩

Devon Govett

182,695 views • 3 years ago

Aider is an open source AI coding assistant for the terminal, offering repo-aware edits, git-native workflows, and support for a wide range of models. Explore more:
0:10

Aider is an open source AI coding assistant for the terminal, offering repo-aware edits, git-native workflows, and support for a wide range of models. Explore more:

GitHub Projects Community

19,037 views • 5 months ago

react-native-streamdown v0.2.0 is out! 🚀 Powered by the new react-native-enriched-markdown v0.6.0, markdown now streams more smoothly with the full GitHub Flavored Markdown (GFM) support, including seamless real-time rendering for tables and rich formatting. If you’re building LLM or AI-chat experiences in React Native, this update is for you. Check it out! 👇
0:14

react-native-streamdown v0.2.0 is out! 🚀 Powered by the new react-native-enriched-markdown v0.6.0, markdown now streams more smoothly with the full GitHub Flavored Markdown (GFM) support, including seamless real-time rendering for tables and rich formatting. If you’re building LLM or AI-chat experiences in React Native, this update is for you. Check it out! 👇

Software Mansion

11,740 views • 3 months ago