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.

🚀 Instagram layout clone built with @Expo Router v2 (alpha): ◆ Statically rendered on web, fully indexable ◆ Responsive even before JavaScript loads ◆ SCSS Modules on web for static media queries ◆ Truly native Demo: Source:

Evan Bacon 🥓

59,968 subscribers

127,573 views • 3 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

10 Comments

Lydia Hallie ✨3 years ago

@expo how many times do I have to tell you

Evan Bacon 🥓3 years ago

@expo URL just for you ↓

Hirbod3 years ago

@expo This guy is just a machine at this point… 🔥

Hosna Qasmei3 years ago

@expo Looks 🔥🤩

Mike Chong (WildCat) 🏔️⭐️3 years ago

@expo Nice work! I'm exploring expo router to write @Twilar_app v2!

Neil Agarwal3 years ago

@expo why pass (css) styles separately for web when rnw handles it?

Evan Bacon 🥓3 years ago

@expo I needed media queries for static rehydration.

rob_dev3 years ago

@sebastienlorber @expo Really cool stuff 😎

Cayter3 years ago

@expo Wow, looks neat! Is there any UI framework that you would recommend to use with this for both web/mobile apps? Thanks.

Evan Bacon 🥓3 years ago

@expo This demo is pretty bare-bones. I’ve heard good things about Nativewind and Tamagui. We’re working on a ton of new styling options that library authors can build on top of in the future, should make it easier to move fast ↓

Related Videos

Expo + React Server Components (preview) 🚀 Just open sourced a new movies app demo using Expo Router and React server functions. Native data fetching, loading states, and error handling have never been this easy! → Runs on iOS, Web, and Android

Expo + React Server Components (preview) 🚀 Just open sourced a new movies app demo using Expo Router and React server functions. Native data fetching, loading states, and error handling have never been this easy! → Runs on iOS, Web, and Android

Evan Bacon 🥓

72,143 views • 1 year ago

🚀 Rocket tracking app with Expo Router and React Server Components! ◆ Started with DOM Components ◆ Migrated to native one route at a time ◆ iOS, Android, web, even runs in Expo Go! ◆ Data fetched securely on the server, no hooks needed ◆ Offline support for layouts, loading, scrolling, animations, transitions, and error states We're just getting started ⚡️

🚀 Rocket tracking app with Expo Router and React Server Components! ◆ Started with DOM Components ◆ Migrated to native one route at a time ◆ iOS, Android, web, even runs in Expo Go! ◆ Data fetched securely on the server, no hooks needed ◆ Offline support for layouts, loading, scrolling, animations, transitions, and error states We're just getting started ⚡️

Evan Bacon 🥓

25,393 views • 1 year ago

✨ Apple Vision Pro-style context menu! Works on all iOS, Android, Web. Also includes Apple Sports details modal screen demo. Built with React Native ⚛️ GitHub code in comment 🚀

✨ Apple Vision Pro-style context menu! Works on all iOS, Android, Web. Also includes Apple Sports details modal screen demo. Built with React Native ⚛️ GitHub code in comment 🚀

Saúl

68,089 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 👇

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

To highlight the new v2 API integrations for x402, Ash built a demo app on Replit ⠕ showing how teams can build agents that can autonomously retrieve data from the web using a wallet with stablecoin payments. Watch the demo 👇

To highlight the new v2 API integrations for x402, Ash built a demo app on Replit ⠕ showing how teams can build agents that can autonomously retrieve data from the web using a wallet with stablecoin payments. Watch the demo 👇

Coinbase Developer Platform🛡️

16,290 views • 10 months ago

The wait is over!🚀 We are now live with Pera Web Wallet! 🌍 The ultimate open-source web wallet for managing all your #Algorand accounts and connecting to #dApps on desktop, built for security and ease of use. 🔗 Learn more:

The wait is over!🚀 We are now live with Pera Web Wallet! 🌍 The ultimate open-source web wallet for managing all your #Algorand accounts and connecting to #dApps on desktop, built for security and ease of use. 🔗 Learn more:

pera.algo

97,168 views • 3 years ago

👀 Sneak peek SportApp The everything app for sports fans. Built for iOS, Android, Web, and macOS. 100% code sharing on the frontend across all platforms with Expo. Stay tuned 🚀 (Music by Suno AI😆)

👀 Sneak peek SportApp The everything app for sports fans. Built for iOS, Android, Web, and macOS. 100% code sharing on the frontend across all platforms with Expo. Stay tuned 🚀 (Music by Suno AI😆)

Saúl

40,623 views • 1 year ago

🌟 Introducing Apple News! Built with JavaScript and Tailwind CSS 🚀 💣Works on Android, iOS, and Web  iOS Live Activities, Home Widgets 🎵 Podcast Player Watch support 🤏 Swipe actions like 𝕏 ↕️ Drag/sort favorites, RSC + much more! ⭐ Link to React Native code below👇

🌟 Introducing Apple News! Built with JavaScript and Tailwind CSS 🚀 💣Works on Android, iOS, and Web  iOS Live Activities, Home Widgets 🎵 Podcast Player Watch support 🤏 Swipe actions like 𝕏 ↕️ Drag/sort favorites, RSC + much more! ⭐ Link to React Native code below👇

Saúl

77,344 views • 1 year ago

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨

600 SVGs available on Svgl 🥳🚀 ✓ Fully optimized ✓ React, Vue, Angular, Astro, Svelte & Web Components ✓ Add SVGs with the shadcn/ui CLI ✓ Free API ✓ Raycast extension, npm packages, and CLIs built by contributors and 100% free, open source ✨

Pablo

95,721 views • 5 months ago

Excited to launch OpenHack! 🚀 A fully open source agentic security scanner to hunt and verify security vulnerabilities. Upto 40x cheaper, it is on par with Claude Opus 4.6 on CVE-Bench for finding logic based vulnerabilities in web apps.

Excited to launch OpenHack! 🚀 A fully open source agentic security scanner to hunt and verify security vulnerabilities. Upto 40x cheaper, it is on par with Claude Opus 4.6 on CVE-Bench for finding logic based vulnerabilities in web apps.

Ananay

14,238 views • 2 months ago

Expo Router just unlocked a new level of native on iOS 🚀 For years, cross-platform meant tradeoffs. Your app worked everywhere, but it never felt quite right. That gap is finally closing. With the latest version of Expo Router, native iOS APIs are now exposed declaratively. No UIKit wrestling. No fake UI. If you want your app to feel truly native on iOS, these are the APIs you should be using: - Native Tabs (real system tab bar) - Stack Toolbar (native header controls) - Bottom toolbars with placement=“bottom” - Bottom accessories attached to the tab bar - Zoom transitions for fluid navigation - Native sheet footers (experimental) I wrote a full breakdown with code examples and video demos of these features in my blog (link below 👇)

Expo Router just unlocked a new level of native on iOS 🚀 For years, cross-platform meant tradeoffs. Your app worked everywhere, but it never felt quite right. That gap is finally closing. With the latest version of Expo Router, native iOS APIs are now exposed declaratively. No UIKit wrestling. No fake UI. If you want your app to feel truly native on iOS, these are the APIs you should be using: - Native Tabs (real system tab bar) - Stack Toolbar (native header controls) - Bottom toolbars with placement=“bottom” - Bottom accessories attached to the tab bar - Zoom transitions for fluid navigation - Native sheet footers (experimental) I wrote a full breakdown with code examples and video demos of these features in my blog (link below 👇)

Beto

91,618 views • 6 months ago

🚀 Watch how I connected Chrome's AI API to ollama, enabling ANY web app built for Chrome's local Gemini to seamlessly work with open-source LLMs! A🧵on making AI in Chrome more open and flexible...

🚀 Watch how I connected Chrome's AI API to ollama, enabling ANY web app built for Chrome's local Gemini to seamlessly work with open-source LLMs! A🧵on making AI in Chrome more open and flexible...

Andrei David

94,530 views • 1 year ago

HeroUI v3 beta 1 for web is live 🔥 A full redesign that blends v2 animations with v3 simplicity: • Brand new design system • Every component rethought • 8 new components • Better dev experience across the board Smooth transitions, cleaner surfaces, and a design language that matches HeroUI Native so your apps feel consistent on web and mobile. A BIG step forward 🚀

HeroUI

66,487 views • 9 months ago

Spark 2.0 is here! 🚀 We’re redefining what’s possible on the web with a streamable LoD system for 3D Gaussian Splatting. Built on Three.js, you can now stream massive 100M+ splat worlds to any device from mobile to VR using WebGL2. All open-source. Dive into the tech 👇

Spark 2.0 is here! 🚀 We’re redefining what’s possible on the web with a streamable LoD system for 3D Gaussian Splatting. Built on Three.js, you can now stream massive 100M+ splat worlds to any device from mobile to VR using WebGL2. All open-source. Dive into the tech 👇

spark

419,387 views • 4 months ago

🚀 Move over, ChatGPT - DI-Alpha is built for Web3. Smarter, faster, and blockchain-native. With DI-A, you can: 📊 Analyze on-chain data in real time 🔎 Spot market trends before the crowd 💰 Optimize your portfolio with AI-driven insights 🤖 Chat with intelligent, Web3-savvy assistants DI-Alpha is coming soon. ⚡️

🚀 Move over, ChatGPT - DI-Alpha is built for Web3. Smarter, faster, and blockchain-native. With DI-A, you can: 📊 Analyze on-chain data in real time 🔎 Spot market trends before the crowd 💰 Optimize your portfolio with AI-driven insights 🤖 Chat with intelligent, Web3-savvy assistants DI-Alpha is coming soon. ⚡️

DI (Decentralized Intelligence)

38,035 views • 1 year ago

Excited to share a new open-source project for the web-mapping and LiDAR community: maplibre-gl-lidar 🚀 With maplibre-gl-lidar, you can visualize large-scale LiDAR point clouds (LAS/LAZ, including COPC) directly in the browser using MapLibre GL JS. It supports point-cloud data stored locally or hosted on the web, and comes with an interactive GUI featuring customizable color schemes, classification legends, and point picking. It even works seamlessly inside Jupyter Notebooks. Visualizing tens of millions of LiDAR points has never been this simple or fast, making it easy to build modern, lightweight, and fully interactive web-based LiDAR viewers. Try it out: Live Demo Viewer: GitHub Repository: Full Video Tutorial: #MapLibre #LiDAR #WebGIS #OpenSource #PointCloud #3DMapping

Excited to share a new open-source project for the web-mapping and LiDAR community: maplibre-gl-lidar 🚀 With maplibre-gl-lidar, you can visualize large-scale LiDAR point clouds (LAS/LAZ, including COPC) directly in the browser using MapLibre GL JS. It supports point-cloud data stored locally or hosted on the web, and comes with an interactive GUI featuring customizable color schemes, classification legends, and point picking. It even works seamlessly inside Jupyter Notebooks. Visualizing tens of millions of LiDAR points has never been this simple or fast, making it easy to build modern, lightweight, and fully interactive web-based LiDAR viewers. Try it out: Live Demo Viewer: GitHub Repository: Full Video Tutorial: #MapLibre #LiDAR #WebGIS #OpenSource #PointCloud #3DMapping

Qiusheng Wu

52,915 views • 7 months ago

New Example! We built a fullstack open “Deep Research” quickstart for Google DeepMind Gemini 2.5. It dynamically searches the web, reflects on results, and delivers comprehensive answers with citations in a nice UI with streaming! Built using React and LangChain Langgraph! 🚀 TL;DR: 🔄 Agent iteratively loops through research and reflection until it gathers sufficient information. 🔍 Dynamic query generation, web research via Gemini native Google Search tool, and reflective reasoning. 🧠 Supports different search effors (low, medium, high) for width and depth of search 🛠️ React frontend, LangGraph backend, Tailwind CSS + Shadcn UI components. 🐳 Easily run locally or deploy with Docker. 📄 Answers inlcude citations from gathered web sources.

New Example! We built a fullstack open “Deep Research” quickstart for Google DeepMind Gemini 2.5. It dynamically searches the web, reflects on results, and delivers comprehensive answers with citations in a nice UI with streaming! Built using React and LangChain Langgraph! 🚀 TL;DR: 🔄 Agent iteratively loops through research and reflection until it gathers sufficient information. 🔍 Dynamic query generation, web research via Gemini native Google Search tool, and reflective reasoning. 🧠 Supports different search effors (low, medium, high) for width and depth of search 🛠️ React frontend, LangGraph backend, Tailwind CSS + Shadcn UI components. 🐳 Easily run locally or deploy with Docker. 📄 Answers inlcude citations from gathered web sources.

Philipp Schmid

55,535 views • 1 year ago

🚨 𝗠𝗮𝗷𝗼𝗿 𝗠𝗶𝗹𝗲𝘀𝘁𝗼𝗻𝗲: 𝗡𝗲𝘅𝗲𝗿𝗮 𝗕𝗿𝗶𝗱𝗴𝗲 𝗩𝟮 𝗼𝗻 𝗧𝗲𝘀𝘁𝗻𝗲𝘁 We're excited to launch Nexera Bridge V2 on testnet, an enterprise-grade interoperability layer built on top of Chainlink CCIP, now enhanced with Circle’s CCTP and native NXRA bridging to Nexera Chain. 🔧 What’s New: • Native NXRA Bridging – Bring $NXRA from other chains directly to become native on Nexera Chain • Circle CCTP – Native $USDC transfers for seamless cross-chain value movement 📘 Audit Highlights: • Modular architecture with support for both CCIP and CCTP • Full-native NXRA integration: no wrapped tokens • Built on a compliance-first Layer 1 using Rust-based clients (Reth + Lighthouse), automated deployment (Terraform/Ansible), and fully Pectra-ready 🌐 From Day One: • Nexera Chain will be interoperable with other major chains at mainnet launch • Users will be able to acquire native NXRA on Nexera Chain seamlessly via Bridge V2 🚀 Next Steps: • You can test here: • Bridge is currently undergoing an external audit • Mainnet launch will align with the Nexera Chain mainnet release 📄 Read the audit documentation:

🚨 𝗠𝗮𝗷𝗼𝗿 𝗠𝗶𝗹𝗲𝘀𝘁𝗼𝗻𝗲: 𝗡𝗲𝘅𝗲𝗿𝗮 𝗕𝗿𝗶𝗱𝗴𝗲 𝗩𝟮 𝗼𝗻 𝗧𝗲𝘀𝘁𝗻𝗲𝘁 We're excited to launch Nexera Bridge V2 on testnet, an enterprise-grade interoperability layer built on top of Chainlink CCIP, now enhanced with Circle’s CCTP and native NXRA bridging to Nexera Chain. 🔧 What’s New: • Native NXRA Bridging – Bring $NXRA from other chains directly to become native on Nexera Chain • Circle CCTP – Native $USDC transfers for seamless cross-chain value movement 📘 Audit Highlights: • Modular architecture with support for both CCIP and CCTP • Full-native NXRA integration: no wrapped tokens • Built on a compliance-first Layer 1 using Rust-based clients (Reth + Lighthouse), automated deployment (Terraform/Ansible), and fully Pectra-ready 🌐 From Day One: • Nexera Chain will be interoperable with other major chains at mainnet launch • Users will be able to acquire native NXRA on Nexera Chain seamlessly via Bridge V2 🚀 Next Steps: • You can test here: • Bridge is currently undergoing an external audit • Mainnet launch will align with the Nexera Chain mainnet release 📄 Read the audit documentation:

Nexera

13,851 views • 1 year ago

Open-sourcing Introspect: MIT-licensed Deep-Research for your internal data! Works with spreadsheets, databases, PDFs, and web search. Has a remarkably simple architecture – Sonnet agent armed with recursive tool calling and 3 default tools. Best for use-cases where you want to combine insights from SQL with unstructured data + data from the web. Launching a bunch of products built on top of of this soon, but wanted to open-source our core engine to give back to the community! 2 min demo below, links in comments

Open-sourcing Introspect: MIT-licensed Deep-Research for your internal data! Works with spreadsheets, databases, PDFs, and web search. Has a remarkably simple architecture – Sonnet agent armed with recursive tool calling and 3 default tools. Best for use-cases where you want to combine insights from SQL with unstructured data + data from the web. Launching a bunch of products built on top of of this soon, but wanted to open-source our core engine to give back to the community! 2 min demo below, links in comments

Rishabh Srivastava

71,563 views • 1 year ago