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:show more

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!show more

This is a HeroUI native toast component I was... working on during the past week. I might be mistaken, but I don't recall a React Native toast library that manages a stack with dynamic height. More interesting details are in the comments 👇show more

Heyo exciting news! Just released my react-native-godot library to... the world! Available on npm, just `yarn add react-native-godot` and you’re (almost) good to go :) Basically, you can embed any Godot projects on iOS (Android coming soon) into your React Native app, It supports multiple Godot views at the same time, full styling (you get flex box multiple Godot views and update their layout dynamically) Still pretty early but I think it’s already enough to hack around with it. If you have any questions or issues feel free to dm me. Alsoo, give us a star on Github if you support the initiative 😊show more

I'm 9 years old and I wrote a blog... post about the hook I use to build this scroll direction based animation from Gmail app ✦ Built for React Native using Expo ✦ Powered by Software Mansion reanimated ✦ Blog post atshow more

My app Grounded was built with screen-transitions v3.4-beta 1,... and instead of another changelog, I thought I'd do a tutorial on how to recreate this Apple Store style hero card animation using the new .navigation.zoom() API. heres how we can achieve something similar in react nativeshow more

I built a full-stack Chat App to learn React... Deeper. When I started, I only know the basics in React. I was hesitant at first if I would be able to do it or not, but I started building it anyways. Through building it, I have learned: - Typescript - Tailwind - Redux - Firebase - File Structuring - Optimization - More hooks The list could go on... The point is you don't need to know it all to start building something. Fundamentals are enough, you can figure out and learn the others on the way. Here's the link of the app: Source code: I create visual web dev content and its all here:show more

Every time a sale is made on Shopify this... Black Friday weekend, it shows up on this 3D globe. It runs at 120fps in the web with a full 3D environment, physics engine, music synth, VR support, and more. It’s hard to believe it's a React app 👀🧵show more

Started using React Native two days ago and immediately... fell down a tab-bar rabbit hole. I’d seen Instagram and Revolut collapse their tab bars on scroll while keeping every icon visible. I wanted that without giving up real iOS Liquid Glass. Turns out iOS 26’s public API can’t express that state. UITabBarMinimizeBehavior is an enum of when, not what. With onScrollDown, UIKit minimizes the bar to the active tab alone. There’s no parameter controlling what survives. So most implementations rebuild the visible bar as a custom component. Some use genuine glass materials, but the real UITabBar is gone and with it, the native selection capsule: that little blob that moves like a drop of water between tabs. You can reproduce it with separate springs on the leading and trailing edges. I didn’t want a reproduction. I wanted UIKit’s. Then I remembered a Flutter app i built some months back which uses cupertino_native. Flutter runs the app while a platform-view bridge renders a real UIKit UITabBar. Finding expo-glass-tabs clarified the compact geometry I wanted. The two ideas clicked: why not bridge a real UITabBar into React Native? Here’s the trick: a standalone UITabBar has no UITabBarController managing it, so Apple’s minimization rule never applies. That means I can control its frame and items myself. Expo Router still owns navigation and screen lifecycle. React Native detects scroll direction. Swift removes and restores the real item labels, recentres the icons and animates the native bar’s size. All five icons remain visible. The result keeps Apple’s Liquid Glass, water-drop capsule, hit testing and accessibility, while adding a compact state its public API doesn’t provide. One gotcha tho: detaching the bar means reimplementing everything the controller previously gave you for free. Active-tab reselect scrolling was one exampleshow more

HTML enters 3D! Or vice versa? With the new... HTML in Canvas by WICG, we can finally put native DOM elements directly into WebGL/WebGPU scenes. It is experimental for now, but the possibilities for 3D interfaces and special effects are huge. This demo was built using Three.js and Omma AI (tool by Spline ) It’s a fun new way to explore what the web can do! Are you interested in seeing the demo?show more

i'm too stubborn to simply give up on the... concept of Benji after almost 10 years(!!) of iterating on it with different stacks... 2018: graphql backend + react SPA 2019: made a react native app for 6 months 2020: gave up on it and wrote 3 years of using other bs tools and being grumpy about them 2023: rewrote it in blitz js (JUGE mistake) 2024: iterate on react native + PWA + RN pwa wrapper 2025: time for a rewrite to Zero To Shipped ⛴️ stack (but next js sucks for this kind of app, add api, mcp, cross platform app, and many other things 2026: i want it all actions INSTANT AND FAST AF and next js is the wrong tech choice for a mostly client app, so i'm starting a rewrite with TANSTACK + Convex + Better Auth it feels so snappy 😭 btw 99% of the customers abandoned it, there are like 3 ride or die fans but i know i can turn it around!!!! let /goal cook.show more

If you’ve ever managed custom icons in React Native,... you know the frustration of choosing between performance and developer experience. Libraries like 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝘀𝘃𝗴 are flexible but heavy. Every icon creates its own React subtree. The alternative? Manual icon fonts that force you into a constant back-and-forth of using web tools like IcoMoon and syncing font assets every time a design changes. 𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗠𝗮𝗻𝘀𝗶𝗼𝗻 𝗟𝗮𝗯𝘀 just released 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝗻𝗮𝗻𝗼-𝗶𝗰𝗼𝗻𝘀 to solve exactly this. It’s a build-time icon font generator that gives you the performance of native fonts with the flexibility of simple SVG files. 𝗪𝗵𝗮𝘁’𝘀 𝗵𝗮𝗽𝗽𝗲𝗻𝗶𝗻𝗴? Instead of rendering complex vector paths at runtime, this library automatically converts your folder of SVGs into an optimized icon font during the build process. It essentially teaches your app to treat icons like standard text characters, which allows it to bypass React’s component tree and layout engine entirely. ➡️ 𝗕𝘂𝗶𝗹𝗱-𝘁𝗶𝗺𝗲 𝗔𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗼𝗻: It handles the entire pipeline—watching your icon folder, converting SVGs to .ttf files, and linking them to your native project automatically. ➡️ 𝗡𝗮𝘁𝗶𝘃𝗲 𝗣𝗲𝗿𝗳𝗼𝗿𝗺𝗮𝗻𝗰𝗲: Because icons render as native text glyphs, it is significantly faster than traditional SVG rendering, making it the ideal choice for long, scrollable lists or icon-heavy dashboards. ➡️ 𝗘𝘅𝗽𝗼 𝗖𝗼𝗻𝗳𝗶𝗴 𝗣𝗹𝘂𝗴𝗶𝗻: It features first-class support for Expo, automating the native plumbing like Info.plist updates and asset linking during the prebuild phase. ➡️ 𝗔𝘂𝘁𝗼𝗺𝗮𝘁𝗶𝗰 𝗧𝘆𝗽𝗲 𝗦𝗮𝗳𝗲𝘁𝘆: The library generates TypeScript definitions for your icon set, providing full IDE autocomplete and ensuring you never break the UI with a misspelled icon name. 𝗪𝗵𝘆 𝗶𝘁 𝗺𝗮𝘁𝘁𝗲𝗿𝘀? In high-performance applications, small overheads add up. By shifting the heavy lifting from the mobile device to your build machine, 𝗿𝗲𝗮𝗰𝘁-𝗻𝗮𝘁𝗶𝘃𝗲-𝗻𝗮𝗻𝗼-𝗶𝗰𝗼𝗻𝘀 ensures your UI stays buttery smooth while keeping your developer workflow modern. It’s another great example of how 𝗦𝗼𝗳𝘁𝘄𝗮𝗿𝗲 𝗠𝗮𝗻𝘀𝗶𝗼𝗻 continues to solve the "last mile" of performance friction in the ecosystem. Before you migrate your entire library, keep in mind: this is designed for the 𝗡𝗲𝘄 𝗔𝗿𝗰𝗵𝗶𝘁𝗲𝗰𝘁𝘂𝗿𝗲 (Fabric) and requires React Native 0.74 or higher. #ReactNative #Expo #SoftwareMansion #Icons #MobileDev #Performance #DeveloperExperience #OpenSource #JavaScript #TypeScript #SVG #Fabricshow more

React Native now has its own shadcn/ui equivalent —... introducing 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. 𝗡𝗮𝘁𝗶𝘃𝗲𝗨𝗜 offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 for fast, declarative, and flexible styling optimised for React Native. ➡️ 𝗖𝗼𝗽𝘆 𝗰𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁 𝗰𝗼𝗱𝗲 𝗱𝗶𝗿𝗲𝗰𝘁𝗹𝘆 𝗶𝗻𝘁𝗼 𝘆𝗼𝘂𝗿 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 — no black-box dependencies required. ➡️ 𝗖𝗼𝗺𝗽𝗼𝗻𝗲𝗻𝘁𝘀 𝗮𝗿𝗲 𝗮𝗰𝗰𝗲𝘀𝘀𝗶𝗯𝗹𝗲 𝗯𝘆 𝗱𝗲𝗳𝗮𝘂𝗹𝘁, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. ➡️ 𝗙𝘂𝗹𝗹 𝗰𝗼𝗻𝘁𝗿𝗼𝗹 𝗼𝘃𝗲𝗿 𝘆𝗼𝘂𝗿 𝗨𝗜 without rebuilding common elements like buttons, inputs, or sliders from scratch. ➡️ 𝗖𝗼𝗺𝗽𝗮𝘁𝗶𝗯𝗹𝗲 𝘄𝗶𝘁𝗵 𝗘𝘅𝗽𝗼 𝗮𝗻𝗱 𝘃𝗮𝗻𝗶𝗹𝗹𝗮 𝗥𝗲𝗮𝗰𝘁 𝗡𝗮𝘁𝗶𝘃𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁𝘀, but not yet integrated with Tamagui’s styling system (future support may be planned). ➡️ 𝗦𝘂𝗽𝗽𝗼𝗿𝘁𝘀 𝘁𝗵𝗲𝗺𝗶𝗻𝗴 𝘃𝗶𝗮 𝗡𝗮𝘁𝗶𝘃𝗲𝗪𝗶𝗻𝗱 — though you’ll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term “install” in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isn’t a plug-and-play library; it’s a lightweight toolbox that empowers you to shape your UI with precision and control. 𝗪𝗵𝗮𝘁’𝘀 𝘆𝗼𝘂𝗿 𝗽𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗲: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeuishow more

I always wondered "What if I port my three.js... game to Rust? Will it improve performance?" I finally ported it to both Rust Desktop and Rust WASM (that runs on the browser) Comparing the three.js version with the Rust desktop I had a clear winner: Rust desktop. But now I took the time to port it to the web using Web Assembly (WASM) And my conclusion is... A tie! Both versions averaged 42FPS (60FPS if running one at a time) So if your goal is to ship a web game, it doesn't even matter the tech you use. (Three.js is recommended because the ecossystem is huge though) As long you optmize well (Web workers, reduce triangles, draw calls, etc) you should be good to go. But in the event you want to ship a native game to publish on Steam a system language (Rust, C++, etc) will be better for you. Now I want to port the three.js game to Desktop using Electron and see the results. I'll let you know. Btw, I'm open to new freelance projects. If you have anything for me, my DMs are open!show more

Got rejected by Apple on the first review. I... fixed everything, resubmitted, and used the time to polish the product instead of waiting. Added smooth animations, improved water logging. Meanwhile, I spun up an AI influencer farm for TikTok, first warmed-up post hit 50K views. Rejection = free time to build distribution. Keep going 💪 Tech Stack: – No code mobile app builder: Rork AI – Mobile: React Native (Expo) – IDE: Cursor – Frontend: Next.js – Payment: RevenueCat – Backend: HonoJS (for my next app, I’ll go back to NestJS) – Database: Supabase – Infrastructure: Railway – AI API: OpenAI (dropping the tech stack here because someone always asks 😂)show more

Dear X Design Who thought replacing the native Android... gallery with the Google Photos media picker was a good idea? 🤦‍♂️ On Galaxy phones, I expect the app to open Samsung Gallery, not Google Photos. Now I have to: ❌ Dig through folders every time ❌ Re-select the same folder for every new attachment ❌ Spend more time finding photos than actually posting This is a massive UX downgrade. Android isn't one-size-fits-all. Respect OEM gallery apps and use the native media picker instead. Samsung Members gets this right. I've attached a video showing the difference. Agree? Repost so the X team sees this. 👇🏻show more

Replit, Vercel, and OpenAI have built very cool agent-native... applications, but nobody else has passed the demo stage. Building agents that work is complex. Teams aren't shipping agents because we don't have good tooling yet (and most of us don't know how to do this well.) A couple of days ago, the CopilotKit🪁 team announced a collaboration with . You can now use LangGraph with CoAgents to build agent-native applications, and here is everything you need to know about that: CoAgents is fully open-source, and you can use it to do the following: • Human-in-the-loop to steer and correct the agent • Stream intermediate agent state • Real-time state sharing between the agent and the application • Agentic generative UI to build trust that the agent is on the right path Start this GitHub Repository: Thanks to the team for giving me early access and collaborating with me on this post.show more

Natively integrated—and #PoweredbyPyth🔮 Native is a liquidity solution that... combines bridges, assets, and pricing into one offering on prominent L1/L2s, including . Learn more about our integration below: ℹ️ About Native Sourcing and supplying liquidity is expected to become prohibitively expensive and challenging as more networks emerge. Liquidity fragmentation persists because pricing remains inventory-based. Native was designed in response to this complexity and offers an elegant solution for routing any asset on one chain into a new target asset on any target chain. Native achieves this through a cross-chain liquidity mesh of cross-chain liquidity networks, bridges, DEXs, and PMMs. More specifically, Native can aggregate the best prices from its network of AMMs, aggregators, and partnered PMMs, so that users will always have competitive prices. 🔮 Native is #PoweredByPyth Native taps into Pyth’s real-time feeds to fetch prices on-chain and off-chain. for example, Native leverages Pyth Price Feeds to power ZetaSwap and support its token pricing operations. How Native Leverages Pyth Price Feeds Native runs its own in-house price-oracle service which will fetch pricing from a variety of sources, including Pyth, to update token prices in Native's backend server. These prices are then fetched and displayed to users live via the NativeX widget. Native also seeks to provide its proprietary trading data and become a part of the Pyth data provider community - more details to come.show more

The Next 100 Days: Our Campaign Forward 🌐 LayerAI... is the most user-rich web3 AI ecosystem. 12 products with over 2 million combined users. We are now approaching the verge of releasing mainnet versions of products used by 6+ billion people globally: 1. laiOS The world’s first AI-enabled operating system. Pluggable by hardware manufacturers across the world. The equivalent of Google’s Android, but for the AI economy. An OS for trillions of devices. 2. aiSEARCH The world’s AI-native web3 browser system, a competitor of Open AI's Search. The vision: the only browser with a native wallet, payment system, and AI Search, powering the future of AI Agents in the workforce. Built for AI markets: AI2AI transactions are the future of global commerce. Our Campaign Forward starts tomorrow. 100 Day Journey to 1 Billion AI Agents on LayerAI.show more

Let’s dive into how the Confidential Layer Bridge launch... will unfold - and why the phased approach benefits you as a user. Stage 1 - EVM + BTC Bridging Initially, you will be able to bridge between EVMs, Bitcoin, and the Zano privacy blockchain. This major milestone enables you to upgrade your crypto to unlock DeFi opportunities and privacy enhancements. Stage 2 - Cross-Chain Swaps of Native Assets Thanks to the development of our own Transaction Bundler, you will be able to pick a native asset on the source chain and receive a different native asset on the destination chain - all in a seamless, user-friendly way. Stage 3 - Ecosystem Token Bridging The addition of $CLONE to the bridge will mark the official start of DEX trading. At this stage, $CLONE will become omni-chain, allowing you to choose where you want to trade it. Stage 4 - Addition of New Blockhains We’re not stopping there. With the foundation set, we’ll continue integrating more and more blockchains - opening new possibilities for you. The next major additions will be TON 💎 and Solana, both scheduled for Q3 2025. This step-by-step rollout keeps the bridge stable, liquid, and constantly expanding. Stay tuned for the first stage - and every new chain that follows. You can learn more about the Confidential Layer Bridge launch in this Discord announcement:show more