Loading video...

Video Failed to Load

Go Home

Announcing React Native Reanimated 4 🐎 Long-awaited CSS Animations and Transitions support is here Available now in Beta Read more 👇

swmansion's profile picture

Software Mansion

23,668 subscribers

246,316 views • 1 year ago •via X (Twitter)

EducationScience & TechnologyNews & Politics
LIVE

Anya Rossi• Live Now

Private livecam show

11 Comments

Software Mansion's profile picture
Software Mansion1 year ago

Read more in a Reanimated 4 announcement blog post:

RedDeer.Games IR's profile picture
RedDeer.Games IR2 years ago

🚀 Ready for an epic gaming adventure? Join the action with @RedDeer_Games! 🎮 Watch the latest game videos and make sure to SUBSCRIBE for exclusive content! 📺 👉 Dive in now! 👉 Youtube: 👉 Play On: #Nintendo #Xbox #PS5 #Steam

Seb ⚛️ ThisWeekInReact.com's profile picture
Seb ⚛️ ThisWeekInReact.com1 year ago

Told ya 😉 (but wait, there's even more CSS coming soon 😄)

evening kid's profile picture
evening kid1 year ago

Looking back at Reanimated 1, it’s insane to see all the work that you’ve put into this to reach such a great API today! Thank you so so much for your work!

Diso 🪐's profile picture
Diso 🪐1 year ago

Crazyyy stuff team 📈📈📈📈📈 On the side :) Is Shared Element Transitions working again @kacperkapusciak any idea ?

Miguel Daipré's profile picture
Miguel Daipré1 year ago

Wow, amazing 👏🎉

Hewad Mubariz's profile picture
Hewad Mubariz1 year ago

Amazing 🤩 can’t wait to try it

Rishi's profile picture
Rishi1 year ago

just in time 👏

Bυɾαƙ's profile picture
Bυɾαƙ1 year ago

Love this and you 💙

ProjectNinjaTech's profile picture
ProjectNinjaTech1 year ago

This is insane. Just great.

Tiago Ted's profile picture
Tiago Ted1 year ago

Congrats! Amazing work!

Related Videos

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.
5:46

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.

Software Mansion

112,945 views • 1 year ago

You say layout animations in React Native, we think Reanimated 4 🐎 Download our cheat sheet for ready-to-use code snippets and API overviews! ✨
0:32

You say layout animations in React Native, we think Reanimated 4 🐎 Download our cheat sheet for ready-to-use code snippets and API overviews! ✨

Software Mansion

10,667 views • 11 months ago

Here is a patch to test CSS grid in React native.
0:25

Here is a patch to test CSS grid in React native.

nishan (o^▽^o)

68,494 views • 8 months ago

I made a game in react native using reanimated, svgs, and rive This is how:
12:00

I made a game in react native using reanimated, svgs, and rive This is how:

Ben Awad

91,449 views • 1 year ago

Ready for big news? Say hello to Gesture Handler 3.0! 🫰🎉 The first beta version is now available, with a hook-based API compatible with the React Compiler, deeper Reanimated integration, and more. Check out the demo ⬇️, read the article in 🧵, and have fun adding gestures to your app!
0:46

Ready for big news? Say hello to Gesture Handler 3.0! 🫰🎉 The first beta version is now available, with a hook-based API compatible with the React Compiler, deeper Reanimated integration, and more. Check out the demo ⬇️, read the article in 🧵, and have fun adding gestures to your app!

Software Mansion

27,830 views • 7 months ago

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:
0:47

This was entirely built using Claude AI in React Native It's made with Reanimated for animations, gesture handler, async storage for data persistence and react navigation in Cursor Composer. You can learn from scratch in our 6-hour course:

DesignCode

65,856 views • 1 year ago

Galeria 1 is now available – an image viewer for React (+ Native) → New Architecture Support → Stable web support → Bring-your-own-image component Automatic support for: solito/image, next/image, expo-image, react-native-fast-image, web <img />
0:41

Galeria 1 is now available – an image viewer for React (+ Native) → New Architecture Support → Stable web support → Bring-your-own-image component Automatic support for: solito/image, next/image, expo-image, react-native-fast-image, web <img />

Fernando Rojo

27,366 views • 1 year ago

Current progress on my AI Tattoo app 🤓 The Tattoo Playground is powered by: - CSS animations in RN (hat tip Kacper Kapuściak) - Expo Module for a native SwiftUI input view (via Kavsoft) - Custom haptic engine with expo-modules by vo—va 🇺🇦 (also used in Fuse 🤩) - Pressto for seamless pressable handling (thanks Enzo Manuel Mangano) - Sonner Native for toasts thanks to Gunnar Torfi - Apple Foundation Models for on-device prompt suggestions (via expo-modules) - Expo Router v7 (canary) for routing + API Routes on EAS Hosting - React Native Screens (v4.18.0) with UITabBarItem support - Expo UI (context menus) + Expo Image - React Native Reanimated by Software Mansion - Nano Banana 2 Lite for amazing image results - And more! :) Source code is available for Code with Beto members — link below 👇
2:37

Current progress on my AI Tattoo app 🤓 The Tattoo Playground is powered by: - CSS animations in RN (hat tip Kacper Kapuściak) - Expo Module for a native SwiftUI input view (via Kavsoft) - Custom haptic engine with expo-modules by vo—va 🇺🇦 (also used in Fuse 🤩) - Pressto for seamless pressable handling (thanks Enzo Manuel Mangano) - Sonner Native for toasts thanks to Gunnar Torfi - Apple Foundation Models for on-device prompt suggestions (via expo-modules) - Expo Router v7 (canary) for routing + API Routes on EAS Hosting - React Native Screens (v4.18.0) with UITabBarItem support - Expo UI (context menus) + Expo Image - React Native Reanimated by Software Mansion - Nano Banana 2 Lite for amazing image results - And more! :) Source code is available for Code with Beto members — link below 👇

Beto

35,480 views • 10 months ago

Meet Webflow Cloud, the newest addition to our Website Experience Platform. Webflow Cloud leverages our robust, native hosting infrastructure, powered by Cloudflare, to empower developers to deploy full-stack web applications and dynamic web experiences alongside their Webflow sites. Webflow Cloud is now available in private beta, with support for the JavaScript + React ecosystem including Next.js and Astro. Learn more about Webflow Cloud, and request access to the beta, here:
5:43

Meet Webflow Cloud, the newest addition to our Website Experience Platform. Webflow Cloud leverages our robust, native hosting infrastructure, powered by Cloudflare, to empower developers to deploy full-stack web applications and dynamic web experiences alongside their Webflow sites. Webflow Cloud is now available in private beta, with support for the JavaScript + React ecosystem including Next.js and Astro. Learn more about Webflow Cloud, and request access to the beta, here:

Webflow

61,552 views • 1 year ago

Chrome 146 is now in Beta → This release brings CSS scroll-triggered animations, a new Sanitizer API to help build XSS-free apps, and WebGPU Compatibility mode to reach even more devices.
0:26

Chrome 146 is now in Beta → This release brings CSS scroll-triggered animations, a new Sanitizer API to help build XSS-free apps, and WebGPU Compatibility mode to reach even more devices.

Chrome for Developers

19,141 views • 6 months ago

announcing Krea Video Open Beta. our new video tool is now available to everyone. see tutorial below 👇
0:21

announcing Krea Video Open Beta. our new video tool is now available to everyone. see tutorial below 👇

Krea

135,382 views • 2 years ago

A game written purely in TypeGPU? YES Konrad Reczko used almost all Software Mansion superpowers (TypeGPU, react-native-audio-api, Pulsar, react-native-gesture-handler, react-native-nano-icons) to create this smooth (120 fps!!!) game that works both on web and in React Native 🥹 Read more about it in Konrad's post and start playing 🎮
0:33

A game written purely in TypeGPU? YES Konrad Reczko used almost all Software Mansion superpowers (TypeGPU, react-native-audio-api, Pulsar, react-native-gesture-handler, react-native-nano-icons) to create this smooth (120 fps!!!) game that works both on web and in React Native 🥹 Read more about it in Konrad's post and start playing 🎮

Software Mansion

27,872 views • 1 month ago

Cover flow Music Carousel with Shared Element Transition, built in React Native powered by Software Mansion’s Reanimated Library. We couldn’t have done this without all the hard work of awesome RN community behind these libraries now at React Native EU is now React Universe Conf Design by @_iamsandeep & Dev by Karthik Balasubramanian
0:24

Cover flow Music Carousel with Shared Element Transition, built in React Native powered by Software Mansion’s Reanimated Library. We couldn’t have done this without all the hard work of awesome RN community behind these libraries now at React Native EU is now React Universe Conf Design by @_iamsandeep & Dev by Karthik Balasubramanian

Timeless

11,831 views • 3 years ago

The new version of React Native Bottom Tabs is out! 🎉 A new highly anticipated feature: Custom JavaScript Tabs! ✨ Provide your custom tab bar while leveraging native navigation underneath 🚀 Here is a demo of it in the 🦋 app! This demonstrates smooth screen transitions using native animations along with their custom tab bar.
0:21

The new version of React Native Bottom Tabs is out! 🎉 A new highly anticipated feature: Custom JavaScript Tabs! ✨ Provide your custom tab bar while leveraging native navigation underneath 🚀 Here is a demo of it in the 🦋 app! This demonstrates smooth screen transitions using native animations along with their custom tab bar.

Oskar

35,844 views • 1 year ago

Introducing the first agent for visual development. The Bubble AI Agent is here (in beta) — your in-editor partner that explains, troubleshoots, and builds with you. Now available on AI-generated apps. Read more:
0:54

Introducing the first agent for visual development. The Bubble AI Agent is here (in beta) — your in-editor partner that explains, troubleshoots, and builds with you. Now available on AI-generated apps. Read more:

Bubble

10,638 views • 10 months ago

Here’s how I handle keyboard avoidance in React Native 👇 The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem (👨‍💻 source code below)
4:05

Here’s how I handle keyboard avoidance in React Native 👇 The keyboard covering your inputs is one of the most annoying UX issues on mobile. In this video, I show how I use react-native-keyboard-controller with reanimated to smoothly avoid this problem (👨‍💻 source code below)

Beto

50,893 views • 1 year ago

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇
1:02

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

245,245 views • 1 year ago

Linux just got RTX — the native GeForce NOW app for Linux PCs is now available in beta. 🔥🔥
0:45

Linux just got RTX — the native GeForce NOW app for Linux PCs is now available in beta. 🔥🔥

🌩️ NVIDIA GeForce NOW

129,027 views • 7 months ago