Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

23,378 subscribers

27,557 views • 28 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Writing games in TypeScript from scratch sounds crazy, right? Maybe, but I think it's not only possible but also performant, nice for DX and works both on Web and React Native To prove that point i created Bone Tide, it's a game that was written purely in TypeGPU. No engine, both game logic and shaders written in pure TypeScript You can try the web version right now: On mobile, I recommend adding it to your homescreen as a PWA

Writing games in TypeScript from scratch sounds crazy, right? Maybe, but I think it's not only possible but also performant, nice for DX and works both on Web and React Native To prove that point i created Bone Tide, it's a game that was written purely in TypeGPU. No engine, both game logic and shaders written in pure TypeScript You can try the web version right now: On mobile, I recommend adding it to your homescreen as a PWA

Konrad Reczko

67,582 views • 28 days ago

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

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

Ben Awad

91,449 views • 1 year ago

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

For our new product, we built a chat in React Native that feels like iMessage Here's how we did it: ① Fabric Swift View ② UICollectionView ③ SwiftUI cells via UIHostingConfiguration React is responsible for the state - mutations, fetching, infinite loading - all via React Query. The native Fabric view is purely for rendering. React decides what to show, native decides how to show it The bridge between three frameworks was tricky but worth it. UICollectionView animations come for free and scroll performance is native-smooth No blank spaces and no FPS drops - all powered by the New Architecture Who wants to see the code?

Baran

110,792 views • 10 months ago

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Software Mansion

26,869 views • 6 months ago

OK, how cool is this? FrankenTUI is now totally web native, with ultra high-performance wasm. Totally side-stepping xterm .js with my own home-grown FrankenTermJS. And it's all touch-native, works perfectly on iPhone, at full 60 fps. And also a resizable React widget. Try it here:

OK, how cool is this? FrankenTUI is now totally web native, with ultra high-performance wasm. Totally side-stepping xterm .js with my own home-grown FrankenTermJS. And it's all touch-native, works perfectly on iPhone, at full 60 fps. And also a resizable React widget. Try it here:

Jeffrey Emanuel

10,463 views • 6 months ago

🚀 I always wanted to just run some React web code in a native app—that's why I created the new "use dom" directive! ⚡️ Try it today in @Expo SDK 52 and watch my full React Universe Summit | June 23, 2026 talk to learn more...

🚀 I always wanted to just run some React web code in a native app—that's why I created the new "use dom" directive! ⚡️ Try it today in @Expo SDK 52 and watch my full React Universe Summit | June 23, 2026 talk to learn more...

Evan Bacon 🥓

49,833 views • 1 year ago

When the way software is built changes, we help companies adopt it. For over a decade, that meant bringing React Native to production across mobile, web, desktop, and TV. Now we are expanding that same mission to AI-native engineering: helping teams ship software with agents, safely and at scale. This is our new manifesto.

When the way software is built changes, we help companies adopt it. For over a decade, that meant bringing React Native to production across mobile, web, desktop, and TV. Now we are expanding that same mission to AI-native engineering: helping teams ship software with agents, safely and at scale. This is our new manifesto.

Callstack Engineers

24,700 views • 2 months ago

Built a fun lil' photo app with Expo and gave it some AI editing powers thanks to Gemini 2.0 Flash. Using expo-router + API routes, Galeria & Zeego by , and the smooth Software Mansion react-native-reanimated. Stoked to introduce some of the new Expo server stuff next 🚀

Built a fun lil' photo app with Expo and gave it some AI editing powers thanks to Gemini 2.0 Flash. Using expo-router + API routes, Galeria & Zeego by , and the smooth Software Mansion react-native-reanimated. Stoked to introduce some of the new Expo server stuff next 🚀

Jacob Clausen

20,189 views • 1 year ago

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.

Introducing Perplexi-Tube, the Perplexity for YouTube that I built in 20 minutes... A Mobile app that uses Deepseek and Gemini I used Cursor and the React Native template built that makes building mobile apps incredibly easy. Tomorrow I'm releasing a full tutorial on how to create a mobile app with react native. You will need - XCode and Simulator (free) - Cursor - A Clerk Account (for auth, free) - A Deepseek API Key - A Gemini API Key (Optional, we used it because deepseek has been down today) Video will be released tomorrow, and I will open source this code as well.

Riley Brown

117,889 views • 1 year ago

React Native hasn't shipped a new UI primitive in years. No slider. No date picker. No segmented control. So you install a community package and pray it survives your next upgrade. Expo UI kills that. Real native SwiftUI + Jetpack Compose components, written in JSX. 30-min crash course on how it actually works, some of my best teaching yet 👇

React Native hasn't shipped a new UI primitive in years. No slider. No date picker. No segmented control. So you install a community package and pray it survives your next upgrade. Expo UI kills that. Real native SwiftUI + Jetpack Compose components, written in JSX. 30-min crash course on how it actually works, some of my best teaching yet 👇

Beto

34,757 views • 1 month 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 👇

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 • 9 months ago

In 2023, I worked with Android, Compose, SwiftUI, Flutter, React Native, C++, web, React, Svelte, Framer, Noesis, Bevy, and Unity. All using Rive runtimes. Implementing new features, fixing bugs, testing, and creating fun demos. It was such a blast. Below is a highlight video of some of my favorite projects of the year.

In 2023, I worked with Android, Compose, SwiftUI, Flutter, React Native, C++, web, React, Svelte, Framer, Noesis, Bevy, and Unity. All using Rive runtimes. Implementing new features, fixing bugs, testing, and creating fun demos. It was such a blast. Below is a highlight video of some of my favorite projects of the year.

Gordon Hayes

124,083 views • 2 years ago

Introducing proof of concept React Imgui! The name is a joke, but it is accurate enough. In the last few days I have been working on a prototype of React driving Dear ImGui using Static Hermes. The result is a fully native app written almost entirely in JavaScript, using unmodified React, typed JS, plus a very small amount of glue C++ code and unmodified Dear ImGui and Sokol. The actual renderer translating React into Dear ImGui is written entirely in typed JS using zero-cost FFI. Of course this wouldn't be possible without React's great design and flexibility. I find it really fascinating that I was able to take literally unmodified React, write a little extra JS, and get a functional fully native app so quickly. Of course everything is unoptimized, and prototype code quality, and who knows how buggy, but it seems to work well enough. Please, watch the video to see it in action. If there is interest, I will write a more detailed article.

Introducing proof of concept React Imgui! The name is a joke, but it is accurate enough. In the last few days I have been working on a prototype of React driving Dear ImGui using Static Hermes. The result is a fully native app written almost entirely in JavaScript, using unmodified React, typed JS, plus a very small amount of glue C++ code and unmodified Dear ImGui and Sokol. The actual renderer translating React into Dear ImGui is written entirely in typed JS using zero-cost FFI. Of course this wouldn't be possible without React's great design and flexibility. I find it really fascinating that I was able to take literally unmodified React, write a little extra JS, and get a functional fully native app so quickly. Of course everything is unoptimized, and prototype code quality, and who knows how buggy, but it seems to work well enough. Please, watch the video to see it in action. If there is interest, I will write a more detailed article.

Tzvetan Mikov

211,217 views • 9 months ago

Current progress on my React Native (Expo) app for reading a book along with its audiobook. - As you listen, it scrolls the book for you. - As you scroll, it seeks the audio for you. For any words you don't recognise, there's a built-in dictionary. And it all works offline!

Current progress on my React Native (Expo) app for reading a book along with its audiobook. - As you listen, it scrolls the book for you. - As you scroll, it seeks the audio for you. For any words you don't recognise, there's a built-in dictionary. And it all works offline!

Jamie Birch

29,108 views • 2 years ago

🚨🚨🚨 We just finished a native QR + Barcode scanner in PHP. Real native camera pipeline… triggered directly from Laravel. No Flutter. No React Native. No JS glue. This ships in NativePHP v2 — November 2025. And it changes everything for PHP on mobile. Scan tickets. Check inventory. Build POS systems. Your Laravel app can now interact with the real world. #php #laravel #nativephp #androiddev #mobiledev #qrcode #barcodescanner #software #programming #buildinpublic #opensource #bifrost

🚨🚨🚨 We just finished a native QR + Barcode scanner in PHP. Real native camera pipeline… triggered directly from Laravel. No Flutter. No React Native. No JS glue. This ships in NativePHP v2 — November 2025. And it changes everything for PHP on mobile. Scan tickets. Check inventory. Build POS systems. Your Laravel app can now interact with the real world. #php #laravel #nativephp #androiddev #mobiledev #qrcode #barcodescanner #software #programming #buildinpublic #opensource #bifrost

Shane Rosenthal

18,641 views • 9 months ago

Meet Pulsar: your haptic presets library for Swift, Kotlin, and React Native! 🚀 👉 150+ free patterns you can browse, filter, preview, and ship in minutes 👉 Audio preview of each preset so you can test it on a simulator without deploying 👉 Playground and app that let you feel the haptics on your phone

Meet Pulsar: your haptic presets library for Swift, Kotlin, and React Native! 🚀 👉 150+ free patterns you can browse, filter, preview, and ship in minutes 👉 Audio preview of each preset so you can test it on a simulator without deploying 👉 Playground and app that let you feel the haptics on your phone

Software Mansion

53,799 views • 4 months ago

A technically interesting challenge when building Pengu was generating transparent images for each user’s unique Pengu. With over 350 clothing items and countless possible combinations, plus varying device sizes, pre-generating images in the cloud quickly became infeasible. To solve this, we moved the computation to the device itself by leveraging React Native Godot. Here’s how it works: ① The user changes the Pengu’s clothing, and React Native calls a GDScript function. ② Godot opens a subwindow with a specific scene that renders the Pengu. ③ Godot takes a “screenshot” and closes the subwindow. ④ React Native receives the File Path of the screenshot as a return value. You can get quite creative with how you leverage Godot’s subwindows. Screenshots are captured in just a few milliseconds, without the user ever noticing.

A technically interesting challenge when building Pengu was generating transparent images for each user’s unique Pengu. With over 350 clothing items and countless possible combinations, plus varying device sizes, pre-generating images in the cloud quickly became infeasible. To solve this, we moved the computation to the device itself by leveraging React Native Godot. Here’s how it works: ① The user changes the Pengu’s clothing, and React Native calls a GDScript function. ② Godot opens a subwindow with a specific scene that renders the Pengu. ③ Godot takes a “screenshot” and closes the subwindow. ④ React Native receives the File Path of the screenshot as a return value. You can get quite creative with how you leverage Godot’s subwindows. Screenshots are captured in just a few milliseconds, without the user ever noticing.

Jannis Ringwald

28,577 views • 9 months ago

We built this onboarding flow in React Native that feels better than most native apps Here’s how we did it: ① Patched react-native-screens for a custom transition ② Button and stepper are rendered on top of the stack ③ Synced button state across screens via context The button and header are positioned absolutely above the stack. When a screen focuses, it updates the shared button state (text, disabled state) via context The hardest part is keeping the keyboard open during screen transitions. We solved it with hidden TextInputs that get focused programmatically before navigating The result: one button flows across every screen and surfs the keyboard

We built this onboarding flow in React Native that feels better than most native apps Here’s how we did it: ① Patched react-native-screens for a custom transition ② Button and stepper are rendered on top of the stack ③ Synced button state across screens via context The button and header are positioned absolutely above the stack. When a screen focuses, it updates the shared button state (text, disabled state) via context The hardest part is keeping the keyboard open during screen transitions. We solved it with hidden TextInputs that get focused programmatically before navigating The result: one button flows across every screen and surfs the keyboard

Baran

229,791 views • 9 months ago

🥓Expo Router v5 is here and it's packed with powerful new features to help you build beautiful full-stack native apps. There is a hearty blog post from Evan Bacon 🥓 below with all the details. Here are a couple of the highlights: ◆ Improved Errors and Logging ◆ API Routes in Production ◆ React Server Functions (Beta) Tons more to learn about in the blog. Check it out ↓

🥓Expo Router v5 is here and it's packed with powerful new features to help you build beautiful full-stack native apps. There is a hearty blog post from Evan Bacon 🥓 below with all the details. Here are a couple of the highlights: ◆ Improved Errors and Logging ◆ API Routes in Production ◆ React Server Functions (Beta) Tons more to learn about in the blog. Check it out ↓

Expo

80,818 views • 1 year ago