Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 1 Jahr •via X (Twitter)

BildungWissenschaft & TechnologieNachrichten & Politik
LIVE

Anya Rossi• Live Now

Private livecam show

11 Kommentare

Profilbild von Software Mansion
Software Mansionvor 1 Jahr

Read more in a Reanimated 4 announcement blog post:

Profilbild von RedDeer.Games IR
RedDeer.Games IRvor 2 Jahren

🚀 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

Profilbild von Seb ⚛️ ThisWeekInReact.com
Seb ⚛️ ThisWeekInReact.comvor 1 Jahr

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

Profilbild von evening kid
evening kidvor 1 Jahr

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!

Profilbild von Diso 🪐
Diso 🪐vor 1 Jahr

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

Profilbild von Miguel Daipré
Miguel Daiprévor 1 Jahr

Wow, amazing 👏🎉

Profilbild von Hewad Mubariz
Hewad Mubarizvor 1 Jahr

Amazing 🤩 can’t wait to try it

Profilbild von Rishi
Rishivor 1 Jahr

just in time 👏

Profilbild von Bυɾαƙ
Bυɾαƙvor 1 Jahr

Love this and you 💙

Profilbild von ProjectNinjaTech
ProjectNinjaTechvor 1 Jahr

This is insane. Just great.

Profilbild von Tiago Ted
Tiago Tedvor 1 Jahr

Congrats! Amazing work!

Ähnliche 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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Monat

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 7 Monaten