Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

revisited my tiny japanese learning app over the weekend, trying to recreate native-like interactions on the web (works with trackpad too!) fun aside: each swipe here is a page transition with data coming server side :)

nandafyi's profile picture

nanda

27,378 subscribers

15,868 Aufrufe • vor 2 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

8 Kommentare

Profilbild von nanda
nandavor 2 Jahren

check it out for yourself!

Profilbild von Tiger Abrodi
Tiger Abrodivor 2 Jahren

It's a fun challenge. Native like interactions on the web. 🙌🔥

Profilbild von █̷̢͓̲̳̿̑̚ ▒▒ █̷̢͓̲̳̿̑̚
█̷̢͓̲̳̿̑̚ ▒▒ █̷̢͓̲̳̿̑̚vor 2 Jahren

May I try it out? I’ve been wanting to learn Japanese

Profilbild von Anshu Das
Anshu Dasvor 2 Jahren

this is super cool

Profilbild von Michael Andreuzza
Michael Andreuzzavor 2 Jahren

How beautiful

Profilbild von Scott Tolinski - Syntax.fm
Scott Tolinski - Syntax.fmvor 2 Jahren

Super clean.

Profilbild von Sowparni
Sowparnivor 2 Jahren

I'm loving how clean this is. You can add a 'drag from below' action to reveal the translations. I keep trying to drag it because of the text at the bottom and it swipes right instead

Profilbild von Yan
Yanvor 2 Jahren

Great work! Do you plan to open source it sometime or share a code snippet? Would be interested to learn.

Ähnliche Videos

it's too much fun working on a personal site, made some edits over the weekend added some lists of of my favorite links + a few fun interactions
0:39

it's too much fun working on a personal site, made some edits over the weekend added some lists of of my favorite links + a few fun interactions

Charles

16,988 Aufrufe • vor 4 Monaten

INCREDIBLE!! An MCP server to browse the web like humans! Bright Data MCP server provides 30+ powerful tools that allow AI agents to access, search, crawl, and interact with the web without getting blocked. 100% open-source, works at scale!
0:37

INCREDIBLE!! An MCP server to browse the web like humans! Bright Data MCP server provides 30+ powerful tools that allow AI agents to access, search, crawl, and interact with the web without getting blocked. 100% open-source, works at scale!

Akshay 🚀

90,404 Aufrufe • vor 1 Jahr

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:
0:43

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

Its finally here—a breakthrough way to share native iOS prototypes. You can now share native prototypes with Apple App Clips—the easiest, fastest, highest quality way for people to experience your work instantly on their iPhone. No web simulations. No app installs. No friction. Just buttery smooth interactions in the palm of their hand. Design in Play. Send a link. And anyone with an iPhone can experience your native prototype on their phone instantly. Its like magic. Scan the code at the end of the video or tap the link in the thread!
0:26

Its finally here—a breakthrough way to share native iOS prototypes. You can now share native prototypes with Apple App Clips—the easiest, fastest, highest quality way for people to experience your work instantly on their iPhone. No web simulations. No app installs. No friction. Just buttery smooth interactions in the palm of their hand. Design in Play. Send a link. And anyone with an iPhone can experience your native prototype on their phone instantly. Its like magic. Scan the code at the end of the video or tap the link in the thread!

Play

343,201 Aufrufe • vor 2 Jahren

I built a React Native bottom sheet with SwiftUI. All the work is done on the native side, and the API feels like RadixUI.
8:26

I built a React Native bottom sheet with SwiftUI. All the work is done on the native side, and the API feels like RadixUI.

Fernando Rojo

31,557 Aufrufe • vor 1 Jahr

🚀 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 ⚡️
0:38

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

$KULR: OPTIMIZING AI DATA CENTERS With over 1 billion industrial server fans sold globally each year, KULR is setting new standard with the most efficient tech. These fans range from $20 to $300 each, depending on size...
1:13

$KULR: OPTIMIZING AI DATA CENTERS With over 1 billion industrial server fans sold globally each year, KULR is setting new standard with the most efficient tech. These fans range from $20 to $300 each, depending on size...

Space Investor

20,549 Aufrufe • vor 1 Jahr

i've been working on a desktop app builder with my brother James Zhou. trying to get as much stuff to run client side and out of the box as possible has been a fun challenge
1:35

i've been working on a desktop app builder with my brother James Zhou. trying to get as much stuff to run client side and out of the box as possible has been a fun challenge

eric

123,048 Aufrufe • vor 1 Jahr

This weekend, we turned the wristband of all ETHGlobal attendees into a crypto wallet. Top it up with USDC on Base, then "tap to pay" with our native PoS app. That was a fun project to work on with @kevex91 & Jonas. Can't wait to integrate it to the Citizen Wallet!
4:59

This weekend, we turned the wristband of all ETHGlobal attendees into a crypto wallet. Top it up with USDC on Base, then "tap to pay" with our native PoS app. That was a fun project to work on with @kevex91 & Jonas. Can't wait to integrate it to the Citizen Wallet!

Xavier Damman 🌍🔅

29,338 Aufrufe • vor 2 Jahren

👋 Today I'm open sourcing my Expo AI chat app! You can use it as a template for building AI apps with the new Expo RSC support. ◆ Custom cards for weather, movies, and location prompts ◆ Stream UI from the server with Universal React Server Components ◆ Runs on web, native, and in Expo Go
0:50

👋 Today I'm open sourcing my Expo AI chat app! You can use it as a template for building AI apps with the new Expo RSC support. ◆ Custom cards for weather, movies, and location prompts ◆ Stream UI from the server with Universal React Server Components ◆ Runs on web, native, and in Expo Go

Evan Bacon 🥓

132,985 Aufrufe • vor 1 Jahr

Sauce is live. It’s like the stock market but for memes. Sauce is the most fun trading app. Trade any token on Solana, Eth and Base. Enjoy memes. Trade on vibes. Sauce is live on iOS and the web with Android coming soon. Learn more ⬇️
0:31

Sauce is live. It’s like the stock market but for memes. Sauce is the most fun trading app. Trade any token on Solana, Eth and Base. Enjoy memes. Trade on vibes. Sauce is live on iOS and the web with Android coming soon. Learn more ⬇️

ChainPro

126,663 Aufrufe • vor 2 Jahren

How to convert ANY web app into a Mobile App... That can be shipped to the App Store from your phone. (Zero Coding Required) This works with web apps made on Replit, Bolt, v0, Replit or Cursor. Tech Stack: 1. Claude Desktop (works with ChatGPT) 2. - Builds the Mobile app, Ships to App Store directly from the phone (Uses Claude Code) (Prompt for conversion below) TIMESTAMPS Intro The Web App We Will Convert The Mobile App that Builds Mobile Apps Mobile App Version 1 You can Publish this to the App Store Adding Additional Features (AI APIs) to your app Editing the Mobile App with the Select Feature
12:40

How to convert ANY web app into a Mobile App... That can be shipped to the App Store from your phone. (Zero Coding Required) This works with web apps made on Replit, Bolt, v0, Replit or Cursor. Tech Stack: 1. Claude Desktop (works with ChatGPT) 2. - Builds the Mobile app, Ships to App Store directly from the phone (Uses Claude Code) (Prompt for conversion below) TIMESTAMPS Intro The Web App We Will Convert The Mobile App that Builds Mobile Apps Mobile App Version 1 You can Publish this to the App Store Adding Additional Features (AI APIs) to your app Editing the Mobile App with the Select Feature

Riley Brown

59,326 Aufrufe • vor 10 Monaten

This weekend, I explored a mobile game idea with my kids (they suggested a mobile pokemon-like game) so I had them coming up with ideas for the creatures and I try to visualise them with ChatGPT Images 2.0 and vibe coded a small prototype on Cursor to play around with. The art direction of the creatures are in vinyl toy matte style so it has this toy-like aesthetic quality that I quite like! For a mobile app/game, I went with Expo + React Native to create this mobile app so that I have one code-base for both Android and iOS. So far I'm pretty impressed with Expo's live mobile app preview feature! Being able to easily preview the mobile app on my phone in seconds is a big plus.
0:26

This weekend, I explored a mobile game idea with my kids (they suggested a mobile pokemon-like game) so I had them coming up with ideas for the creatures and I try to visualise them with ChatGPT Images 2.0 and vibe coded a small prototype on Cursor to play around with. The art direction of the creatures are in vinyl toy matte style so it has this toy-like aesthetic quality that I quite like! For a mobile app/game, I went with Expo + React Native to create this mobile app so that I have one code-base for both Android and iOS. So far I'm pretty impressed with Expo's live mobile app preview feature! Being able to easily preview the mobile app on my phone in seconds is a big plus.

Danny Limanseta

39,195 Aufrufe • vor 4 Monaten

And the best part—it runs everywhere, natively. Specifically web, iOS, and Android. For the first time ever you will be able to build an app with shared server/static rendering, data fetching, bundle splitting, and file-based routing on all platforms with a single codebase!
0:27

And the best part—it runs everywhere, natively. Specifically web, iOS, and Android. For the first time ever you will be able to build an app with shared server/static rendering, data fetching, bundle splitting, and file-based routing on all platforms with a single codebase!

Evan Bacon 🥓

52,905 Aufrufe • vor 2 Jahren

VERY COOL!! Thanks jordan for the tip, I can now test my iOS app on web I asked Claude Code to set up serve-sim, a web-based iOS simulator that can stream the iOS app my Claude Code on VPS built live to me, because it's on some Mac Mini in the cloud without even a GUI (it's headless) I cannot actually try it on the Mac itself! Before Claude would make me a page with screenshots but I had no idea how the app felt, now with this it works This is hosted on the Mac Mini via SSH (it shows localhost but it's a tunnel via SSH to the Mac Mini), bit laggy but nice!
0:26

VERY COOL!! Thanks jordan for the tip, I can now test my iOS app on web I asked Claude Code to set up serve-sim, a web-based iOS simulator that can stream the iOS app my Claude Code on VPS built live to me, because it's on some Mac Mini in the cloud without even a GUI (it's headless) I cannot actually try it on the Mac itself! Before Claude would make me a page with screenshots but I had no idea how the app felt, now with this it works This is hosted on the Mac Mini via SSH (it shows localhost but it's a tunnel via SSH to the Mac Mini), bit laggy but nice!

@levelsio

428,762 Aufrufe • vor 1 Monat

KEYSTONE + ZKX WEB APP ON MOBILE Finally, after receiving our new Keystone Pro 3 hardware wallet two days ago, we have completed and deployed support for Keystone Pro 3 on the ZKX Wallet | The Secure and Private Wallet 🗽 Web App on mobile. The hardware works extremely well: secure, fast, and smooth. For the first time, PulseChain traders can use a native mobile interface together with a high-quality hardware wallet experience. Secure self-custody on mobile is here. 🚀
0:31

KEYSTONE + ZKX WEB APP ON MOBILE Finally, after receiving our new Keystone Pro 3 hardware wallet two days ago, we have completed and deployed support for Keystone Pro 3 on the ZKX Wallet | The Secure and Private Wallet 🗽 Web App on mobile. The hardware works extremely well: secure, fast, and smooth. For the first time, PulseChain traders can use a native mobile interface together with a high-quality hardware wallet experience. Secure self-custody on mobile is here. 🚀

ZKX Wallet | The Secure and Private Wallet 🗽

14,517 Aufrufe • vor 1 Monat