Software Mansion
@swmansion
Followers
18K
Following
2K
Media
401
Statuses
1K
We are a developer experience lab & software agency from Kraków, organizers of @appjsconf, and contributors to @ReactNative, @Expo, and @ElixirMembrane.
Joined July 2015
Announcing React Native Reanimated 4 🐎. Long-awaited CSS Animations and Transitions support is here. Available now in Beta. Read more 👇
40
231
1K
Good things come to those who wait – today it is the stable V3 release of React Native Reanimated with Shared Element Transitions, DX improvements, perf upgrades, lower memory usage and more. Read our announcement post 👉
57
281
1K
This fancy feature is in the works! 🤩 .Presenting Shared Element Transition implemented with Reanimated and Screens!
35
74
576
React Native Screens 4.0 🎉. – Truly native bottom sheet on iOS and Android.– Screen preloading for Native-Stack.– Improved iOS screen animations.– Tons of New Arch improvements.– React Navigation 7 support. See the full notes 👇
15
68
548
🚨🚨React Native IDE announcement: join our beta program, get early access, and help us make the IDE work great for everyone! The form is now open (link in the comment) 👇
37
94
463
React Native Screens 3.30.0 coming with a new 𝚐𝚘𝙱𝚊𝚌𝚔𝙶𝚎𝚜𝚝𝚞𝚛𝚎 feature 🆕🔥. It powers Screen Transitions which will allow to specify custom transition animations in native-stack with Reanimated. Full release notes 👇
18
57
458
The new hook in Reanimated - useAnimatedKeyboard()⌨️ .Easy way to create animations based on keyboard position. Available since v.2.10.0 🚀
10
58
446
📱 React Native Screens 3.26.0 is here! 🎉. 👉 Dynamic header height with 𝚞𝚜𝚎𝙰𝚗𝚒𝚖𝚊𝚝𝚎𝚍𝙷𝚎𝚊𝚍𝚎𝚛𝙷𝚎𝚒𝚐𝚑𝚝 🆕.👉 Retaining focused state on Android TV.👉 Improvements to right-to-left mode and the search bar
11
47
444
🎉 Introducing Reanimated 3.5.0 🐎. ➡️ macOS support (with Layout Animations).➡️ basic Windows support.➡️ reduced motion animations.➡️ 𝚌𝚛𝚎𝚊𝚝𝚎𝚆𝚘𝚛𝚔𝚕𝚎𝚝𝚁𝚞𝚗𝚝𝚒𝚖𝚎. 127 pull requests from 31 contributors 🤯
6
62
437
Layout 👏 Animations 👏 On 👏 Web 👏. One of our most requested features landed in React Native Reanimated 3.6 🔥
10
45
430
Reanimated is joining Fabric club with today's 3.0 release candidate. Read about what changed, how, and when to upgrade
13
87
417
🚨 Big news 🚨.Today we are releasing react-native-screens@3.12 with Fabric support – making it the first third-party lib that supports the new React Native architecture. Check our post to learn how we did it and how to use it with a new Fabric-enabled App.
10
78
411
🚨 New library alert 🚨 Today we are releasing react-freeze ❄️ – an experimental library that freezes renders for inactive/invisible React component hierarchies. It integrates with @reactnavigation but can also be used on web 👉
6
92
413
🐎 Introducing React Native Reanimated 3.6.0 🔥. 👉 Layout Animations on Web 🌐✨.👉 Skip entering/exiting animations with 𝙻𝚊𝚢𝚘𝚞𝚝𝙰𝚗𝚒𝚖𝚊𝚝𝚒𝚘𝚗𝙲𝚘𝚗𝚏𝚒𝚐 🆕.👉 Run worklets on separate threads 🤫.👉 Better typing of hooks 🪝.👉 Developer Experience improvements 🧑💻
9
57
397
Have you noticed list items in your react-native app flicker when casually scrolling? 😒 Best way to get rid of this effect is by replacing Touchables/Pressables with components from gesture-handler library that wraps platform native buttons 👉
9
53
391
Say hello to typegpu-confetti: buttery smooth, fully customizable, and rendered 100% on the GPU via TypeGPU + react-native-wgpu. 🎉
8
27
399
We're excited to announce react-native-executorch v0.3.0 packed with powerful AI features 🎉. What's New:.💬Speech to Text transcription using Whisper and Moonshine.📙OCR for extracting text from images.🚀 MPS Support.⚡️ Hookless API.🧠 LLM Message History.⬇️ Background Model
11
44
399
Radon IDE 1.0 is live! 🎉 . Turn VSCode and Cursor into a fully-fledged IDE for React Native and Expo:.✅ Build & run RN and Expo apps in integrated panel w/o extra configuration.✅ Jump to code from inspector, view hierarchy or log console.✅ Use debugger effortlessly in your
24
84
398
🦄🦄🦄 Reanimated 3.4.0 is here! 🦄🦄🦄. → New features in Shared Element Transitions ✨.→ Worklet improvements: 𝚁𝚎𝚐𝙴𝚡𝚙, 𝙸𝚗𝚝𝚕, nested worklets.→ New APIs: 𝚍𝚒𝚜𝚙𝚊𝚝𝚌𝚑𝙲𝚘𝚖𝚖𝚊𝚗𝚍, 𝚞𝚜𝚎𝚁𝚎𝚍𝚞𝚌𝚎𝚍𝙼𝚘𝚝𝚒𝚘𝚗.→ Supports React Native 0.72.→ More stuff 🧵
5
55
378
Entry/exit Layout Animations in Reanimated can also be used to animate state changes thanks to React’s key prop – see below how we use it to build an animated @discord counter in just a few lines of code and check our tutorial on Layout Animations at
6
45
371
useAnimatedSensor() is the simplest way to create animation based on sensors data! . Available from Reanimated 2.5.0 on. app author: @wojtus_7
4
43
346
New major release of Gesture Handler is here 🚨‼️ We are proud to present Gesture Handler 2.0 with new simplified API, Manual Gesture feature allowing for full control over gesture recognition logic, and more – check out the highlights in our blog post 👉
7
84
344
Introducing the Reanimated Cookbook 👨🍳👩🍳. Real-life examples to help you learn #ReactNative Reanimated 🔥🐎. Check it out now 👇
12
40
337
We've been actively exploring AI on mobile devices & we are excited to introduce React Native ExecuTorch 🚀!. A new library that enables the execution of AI models with just a few lines of JavaScript, without the need for API calls or external infrastructure. 🤩. More in 🧵👇
12
45
336
React Native Reanimated 3.9.0 is out! 🔥. - Screen Transitions 🆕.- useScrollViewOffset now works on Web 🌐.- React Native 0.74 and Bridgeless Mode support .- Shared Element Transitions stability improvements. Full release notes 👇
6
40
330
Our developers submitted 20+ pull requests to React Native community packages with migration to the New Architecture supporting TurboModules and Fabric 🎉. 👏 to @WoLewicki and @breskin67 for their amazing work. This wouldn’t be possible without the support from Expensify 🙌
15
40
329
We are excited to announce the stable release of Reanimated 2.0 – check out our blog post to see what changed since the beta first came out, and also to learn about a surprise addition to 2.0 stable 🥳. $ npm install react-native-reanimated@2.
11
96
319
The first announcement on the @appjsconf week is. 🥁. Reanimated Beta Docs 🎉. ❖ Beginner-friendly content rewrite.❖ All-new design.❖ Interactive examples powered by Reanimated.❖ Dark mode. This is an early preview which is in active development
13
64
308
What you can see below is the new @reactnative Screens feature - transition progress! 🤩 We also added full-width swipe and more features that you can read about in the release notes for RN Screens 3.7.0 💙.
6
43
307
Did you know that react-native-screens extends react-navigation with native functionalities? A large header on iOS is one of them! Here is how you set it up such that it auto-collapses when you scroll 👇 Read more at:
5
38
297
New React Native Gesture Handler Docs fresh out of the oven ✌️🤌. Give some love to the team behind the design and the implementation 💜. @AlisonStardust @Gadangelika @patkalinska
12
36
288
React Native Screens v3.2.0 is out today! 🥳🥳🥳.Check out the docs below and don't forget to try out the new search bar for #ios 👏.
3
51
284
Announcing react-native-worklets: our new React Native multithreading library powering Reanimated 4. We saw you finding many use cases for worklets, so we created this library to remove the limitations you faced. Join the discussion on GitHub and help us make it better! 👇
2
43
292
React Native ExecuTorch v0.3.0 enables fast & private OCR in your app – fully on-device, with no server calls.🔎📄. Currently, it supports English texts, but more languages are coming soon! 🌍.Learn how to add it to your app!🎥 ⬇️
6
31
289
🐎 Reanimated 3.3.0 is here!. 🌐 Supports React Native 0.72 and React Native Web 0.19. 🛠️ Many bug fixes and improvements. Full changelog:
4
33
279
React Native Reanimated 3.15.0 🔥. - Significant performance improvements on the New Architecture.- Improved Layout Animations feature parity between Web and Native.- Workletization of top-level functions in files (experimental).- React Native 0.75 support 🔮
2
38
281
React Native SVG 15.5.0 🆕.Coming with support for 3 new SVG filters!. – FeGaussianBlur.– FeMerge.– FeOffset. Check out the demo👇
9
26
278
Exciting update for React Native devs! 🚀Say hello to React Native ExecuTorch v0.2.0, now enhanced with computer vision features!📱Check out our demo video to see how easily you can add object detection to your app. 👀
6
25
264
React Native SVG v15.8.0 🔥. - New filters: FeFlood and FeBlend 🆕.- Improvements to the filter region 🖼️.- Support for currentColor color value 🎨.- Compatibility with React Native 0.76 . Full release notes 👇
3
28
265
React Native Screens 4.10.0 📱. - Support for custom headers above ScrollView in formSheet 🧪.- Bump min. supported iOS version to 15.1❗️.- Improved gesture handling in native header and formSheets.- Fix for header insets when orientation changes.- Lots & lots of fixes on Android
6
18
261
React Native Reanimated 3.13.0 is here! 🔥. 🐎Layout Animations for the New React Native Architecture 🆕.🐎Create custom Keyframe Layout Animations on web 🖼️.🐎Shared Element Transitions for navigation tabs 📄. Release notes below 👇
3
36
255
Writing animations is great but reusing them is even better 🐎. CSS Animation presets for React Native Reanimated 4. npm i react-native-css-animations. Learn how to use it in your app now ↓
4
28
253
🥁Drum rolls, please!. We've built a type-safe toolkit for @WebGPU! You can start using it in your web (or @reactnative) projects today! . 💡 Send JavaScript values to the GPU and back, with type inference. 💡No more eye-balling of buffer sizes. 💡1-to-1 mapping with WGSL types.
3
48
249
After the Screens 4.0.0 release you asked for more information, so here it is: and article covering most important features, including demo videos of:. ✅ support for formSheet presentation on Android.✅ custom detents on iOS.✅ heavy screen preloading for native-stack screens
7
30
251
We’ve been working on react-native-svg updates & releases for over 9 months now, publishing new versions, fixing critical issues & porting it to the new RN architecture. We're committed to maintaining the library going forward & hence moving it to a new home on Github! 🏠🥳.
7
17
232
React Native Reanimated 3.7.0 is out! 🔥. – New 𝚌𝚕𝚊𝚖𝚙 parameter in withSpring 🆕.– Generator support in worklets ☄️.– visionOS support 😎.– Many bug fixes and improvements 🧑💻
2
23
226
New Reanimated alpha release is here with:.- keyframe animations.- remote debugger support.- new set of built-in layout animations.To celebrate the #Olympics we made this sweet rings animation with the new keyframe API. Check full release notes here 👉
9
49
227
The wait is over! Reanimated 2.3 stable is ready for you to install 🥳 Play with fantastic new Layout Animations API and enjoy humongous number of perf and stability improvements. Full release notes ➡️ Layout Animations tutorial ➡️
8
43
228
Experimental support for debugging Reanimated’s worklet runtime (Hermes) in Flipper authored by @KarolWasowski just landed in Reanimated 3.0.0-rc.3 🥳 .Check out our new “Debugging worklets” section in the docs:
5
28
221
Here's something new: @kacperkapusciak doing a tutorial on how to build a bottom sheet with React Native Reanimated 🦄🤩. Watch the full tutorial on our YT channel & tell us:.➡️ should we do more videos like this one?.➡️ what would you want to see next?.
7
35
216
Hey folks, it’s release day! 🎉 We basically re-written Layout Animations, so go to our tutorial & let us show you how to animate your screens with Layout Animations! Have a great weekend! .
3
34
213
🥁THE RESULTS ARE IN! 🥁. Without further ado, we present you the State of React Native 2023:. Special kudos to @kacperkapusciak & @bbarthec for leading this project again this year! 👏.
5
62
207
You can now compose live video & audio using @React! ⚛️ .We're releasing v1 of our Node.js SDK for Live Compositor. 🎉. It uses a custom React renderer & lets you control your broadcast using React code. Learn about our new SDK capabilities 👉
6
31
216
Our TypeGPU examples working seamlessly in @ReactNative thanks to @wcandillon's "react-native-wgpu" library 😍
0
21
214
The 2023 State of React Native survey is OPEN! 🚨. Share your insights and opinions and let’s find out together what are the biggest pain points of the React Native ecosystem. Don’t miss your chance for your voice to be heard!.
9
90
214
Another tutorial is in! 👨🏫.🎨 This time @aleqsio makes an animated gradient picker in Reanimated! . Watch the full tutorial on our YT channel:.
4
24
210
Reanimated 2.3 with layout animations is promoting to beta 🎉 To make up for the wait, on top of a number of fixes and improvements we added a set of cool, predefined layout transitions 😎 (see them in action below and check the docs here
4
38
207
📢 Another day, another library migrated to Fabric! 📢Introducing react-native-svg v13.0.0 with Fabric support 🎉. Huge kudos to Wojtek Lewicki 👏👏👏 (who doesn't want to set up a TT account cause "he will get stuck scrolling").
1
32
206
🆕 React Native Gesture Handler 2.13 featuring:. ↳ Universal Hover gesture on iOS, Android & Web .↳ 𝚊𝚌𝚝𝚒𝚟𝚎𝙲𝚞𝚛𝚜𝚘𝚛 prop on Web.↳ Many bug fixes & improvements. Release notes:
0
23
207
‼️ We match donations to any legit org helping Ukraine (humanitarian/military/etc) up to $25k (exact rules below). If the work we do has ever been useful to you please consider repaying by donating and RT 🙏. Sending 💛💙 to our Friends and everyone in Ukraine.Stay strong 🇺🇦.
22
75
199
What if we told you LLaMA 3.2 runs offline in @reactnative with just a few lines of code? 📲🦙. AI integration has never been this easy! Check out the video about our latest, ExecuTorch-powered React Native library 👀.
4
28
207
It's release day! 🎉🎉🎉 Reanimated 2 just got updated with better efficiency AND layout animations! .Read the docs here:or watch the video created for us by @eveningkid .Let us know what you think! .
8
45
200
React Native SVG 15.9.0, Gesture Handler 2.21.0 & Screens 4.1.0 are out 🔥. Check the 🧵 to see what's new.
3
13
199
Qwen 3 family is shipping with the upcoming 0.4.0 version of React Native ExecuTorch. 🎉. The 1.7B variant reaches 30 tokens per second on iPhone 16 Pro!
3
20
203
React Native Reanimated 4.0.0-beta.3 . - Removed Old Architecture specific code ✂️.- Added CSS Transitions shorthand API ✍.- Support for edge-to-edge in useAnimatedKeyboard on Android 🤖.- react-native-worklets is now a dependency 📢. Check out the full release notes 👇
3
19
201
A lot has changed in @expo so let's bust the myths about:. ➡️ Expo or @reactnative?.➡️ custom native libs.➡️ ejecting.➡️ apps size.➡️ EAS build pricing.& more! Read the article by @barthap10 here: .
5
48
189
🤩Running #AI models directly in your mobile app with no external API calls.🔎We're researching how to deploy PyTorch models on-device .🔜@_jakubchmura is working on a full tutorial on ExecuTorch so it's coming soon! . Stay tuned!
6
24
193
UNDETERMINED, FAILED, BEGAN, CANCELLED, ACTIVE, or END. Each gesture in the React Native Gesture Handler is a state machine,. this means a gesture can be in one of these states. If you've ever had trouble visualizing this, we've created a cool interactive example for you 👇
5
27
192
React Native running out of the box on Meta Quest 🤯. Here's a Gesture Handler + Reanimated demo with no additional changes 🤌
4
26
187
React Native Screens 3.32.0 . - Support for back button display mode on iOS 🆕.- New 𝚗𝚊𝚟𝚒𝚐𝚊𝚝𝚒𝚘𝚗𝙱𝚊𝚛𝚃𝚛𝚊𝚗𝚜𝚕𝚞𝚌𝚎𝚗𝚝 prop on Android.- The 𝚐𝚎𝚜𝚝𝚞𝚛𝚎𝙲𝚊𝚗𝚌𝚎𝚕 event now also works in modals.- Important bug fixes and improvements 🪲. Full release notes 👇
5
16
189
Object detection may be an issue, especially given the fact that most solutions don't work in real time. ➡️So we took matters into our hands 🙌 & decided to find a way to process video streams in real-time, allowing us to blur out objects and effectively censor them. 🔞.How did
3
24
184
Reanimated 🤝 React Native Skia.
3
6
176
📢React Native Screens 3.8.0 is here‼️. We squashed some of the bugs that caused you troubles ⚒️⚒️⚒️. Check the change-log here:
2
14
176
React Native Reanimated 3.17.0 🐎. – Support for LAB color interpolation.– Animated boxShadow property.– Android's edge-to-edge in useAnimatedKeyboard.– Fixes & improvements. Full release notes 👇
3
19
177
React Native IDE becomes ➡️ Radon IDE! ⚛️. We’re changing the name, but our mission stays the same: providing the best-in-class IDE experience for @ReactNative @Expo 🔧. Take a few minutes to read about why we chose this name & what it means to you (spoiler: nothing changes for
8
22
163
🎉 Reanimated 2 alpha 6 is here ⭐️. ⏭ improved worklet initialization time.🥢 more control over hooks during rerenders (similar to useEffect).🏄♀️ side-effects with new useAnimatedReaction hook. Check more in the release notes 👇
3
28
164
🚨 Calling all #ReactNative engineers! The #StateOfReactNative 2022 survey is open now! 🎉 . Share your thoughts and experiences with the framework by taking part at 👉
3
55
161
Long-awaited slide & fade from bottom animations are now available in the newest version of native-stack! We also added a simplified implementation for react-native-windows🤓 Check out release notes for react-native-screens v3.5.0 -
5
20
162
Reanimated 3 in action 👏👏👏.
Check out my new custom tab bar built with #ReactNative and #Reanimated3! It's fully customizable with support for scaling and curved tabs. Plus, it's super smooth and easy to use! 🔥🚀 .🚀 You can find the source code on my GitHub repo
3
8
158
React Native Reanimated 3.12.0! 🔥. - Merge multiple event handlers with 𝚞𝚜𝚎𝙲𝚘𝚖𝚙𝚘𝚜𝚎𝚍𝙴𝚟𝚎𝚗𝚝𝙷𝚊𝚗𝚍𝚕𝚎𝚛 🆕.- Attach one event handler to multiple Animated components ♻️.- Developer experience improvements ✨. Release notes 👇
2
17
158
Local LLMs as personal assistants are coming! 🤖.⚙️ Tool Calling – harness the power of LLMs in your applications.📅 From voice commands to actions on your device – all while staying offline!.🚀 Coming soon in React Native ExecuTorch v0.4.0. #AI #ReactNative #NLP #LLM #AIAgents
5
23
188
The State of React Native 2022 results ARE OUT! 🎉. We've designed this survey to help you make better decisions for your current and future React Native projects. Check the results to see:.
4
40
152
Look at this sweet tutorial that @kacperkapusciak has just delivered! 🍬 😍. Learn how to make a sensor-based parallax effect using 𝚞𝚜𝚎𝙰𝚗𝚒𝚖𝚊𝚝𝚎𝚍𝚂𝚎𝚗𝚜𝚘𝚛 from @reactnative Reanimated 🐎. 👇Link to the full video in the comments:
4
20
149
React Native Gesture Handler 2.16.0. ❖ Improved 𝙶𝚎𝚜𝚝𝚞𝚛𝚎.𝙵𝚕𝚒𝚗𝚐() on Web & Android.❖ 𝚁𝚎𝚌𝚝𝙱𝚞𝚝𝚝𝚘𝚗 border styles on Android.❖ Improved mouse support.❖ 20+ bug fixes. Release notes 👇
2
21
148
Apps that run in the background, use GPS, or frequently sync data can drain the battery faster. ❌ . But there are a few changes you can make to keep it under control. 🔋 Learn how we optimized battery usage and improved the crash-free rate of a React Native app.
3
17
153
React Native Gesture Handler 2.19.0 👋. - Full macOS support.- Keyboard accessibility on Web.- Multiple pointers support in LongPress. Full release notes 👇
2
15
145
Why did Bilbo Baggins throw a party? 🤔.🔍 Semantic Search – powered by on-device text embeddings.🧠 Understand the meaning behind the words.🚀 Coming soon in React Native ExecuTorch v0.4.0. #AI #ReactNative #NLP #SemanticSearch #RAG
4
11
146
React Native Reanimated v3.16 🐎. – Support for React Native 0.76.– Better Reanimated logger with clean stack traces.– Improvements to React Compiler support.– Fixes to Layout Animations on the New Arch.– Fixes to measure() on Android. Full release notes 👇
2
16
142
The newest creation from Software Mansion in collaboration with @expensify 💸. ✨ React Native Live Markdown ✨. Make sure to star the repo ⭐️👇.
[1/7] Introducing react-native-live-markdown 🔥. ⚛️ <𝙼𝚊𝚛𝚔𝚍𝚘𝚠𝚗𝚃𝚎𝚡𝚝𝙸𝚗𝚙𝚞𝚝> component.⚛️ Cross-platform (Android, iOS, web).⚛️ Built by @swmansion for @expensify app
2
14
141
We’re ready.
visionOS - @swmansion's libs are ready for you 😎. react-native-reanimated ✅.react-native-gesture-handler ✅.react-native-screens ✅. #visionOS #visionPRO #reactnative #expo #reanimated
2
10
140
Wrapping our React Native Open Source work for 2021 (gesture-handler/reanimated/screens):. 🎁 published 42 new releases. 🤗 merged over 800 PRs. 🔖 dealt with almost 1000 issues. 🙇♀️ had almost 100 people who contributed code. 📈 each lib is installed ~70% as often as react-native
2
13
136
We’ve been deep into react-native-svg for over 3 years now. 🖼️ In that time, we’ve seen it used in all kinds of ways. Some are smart, some… not ideal. So, we wrote a post on when RN SVG is a good fit, and when you might not actually need it.👇.
2
21
141
Reanimated 2.1.0 is here! 🎉.⚔️ Now works with both hermes and JSC on Android,.💪 Type-safe is power – we continue migrating the codebase to TypeScript,. 📢 Stay tuned! We will be back with new features soon! 🤗. 🤓 Check full release notes below:.
2
23
139
Bunch of new releases happened lately in React Native Reanimated, Gesture Handler, and Screens!. See more 👇
2
8
137