Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Introducing Zeego 2: dropdown & context menus that work everywhere → Pure Radix UI on Web → react-native-web dependency dropped → Works with Tailwind, shadcn UI, pure CSS, etc. → Native menu on iOS & Android → Works in web-only codebases with zero config yarn add zeego

FernandoTheRojo's profile picture

Fernando Rojo

14,938 subscribers

46,219 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & TechnologieBildungNachrichten & Politik
LIVE

Anya Rossi• Live Now

Private livecam show

10 Kommentare

Profilbild von Fernando Rojo
Fernando Rojovor 1 Jahr

One subtle change is that Zeego is now web-first. Specifically: no more web.tsx files. Web is always the default. React Native's bundler will always look for platform extensions; web ones won't. Universal libraries should go web-first to simplify setup. (I've come full circle)

Profilbild von Fernando Rojo
Fernando Rojovor 1 Jahr

Dropping react-native-web means dropping its prebuilt styles. Zeego for is now 100% unstyled, meaning there are some breaking changes. It should only take a minute to address them, and I tried to be as exhaustive to document every case that might break.

Profilbild von Fernando Rojo
Fernando Rojovor 1 Jahr

Check out the release notes to see the migration guide. yarn add zeego

Profilbild von Fernando Rojo
Fernando Rojovor 1 Jahr

and learn about zeego →

Profilbild von Frank Calise
Frank Calisevor 1 Jahr

@shadcn Can't wait to try this out! Nice work. Are all the deps new arch compatible? Wasn't sure about ios utilities

Profilbild von Fernando Rojo
Fernando Rojovor 1 Jahr

@shadcn Not yet, but I recommend sponsoring @GoDominic on GitHub as he tries to make this a reality. It’s a hard problem but it looks like he’s been making good progress

Profilbild von Fernando Rojo
Fernando Rojovor 1 Jahr

Zeego 2.0.3 fixes common typescript issues people reported

Profilbild von Hirbod
Hirbodvor 1 Jahr

@shadcn Amazing work, can't wait to upgrade!

Profilbild von Kim Chouard / KIMIK
Kim Chouard / KIMIKvor 1 Jahr

@shadcn This is 🔥🔥🔥 Being web-first on top of it is the 🍒 on the 🎂👌

Profilbild von Gunnar Torfi
Gunnar Torfivor 1 Jahr

@shadcn Congrats on the release, this is huge! 🔥

Ähnliche Videos

🚀 I built a new @Expo Router template for working with native context menus! ◆ UIMenu & SF Symbols → Zeego ◆ Dropdown → shadcn/ui ◆ Styles → nativewind ◆ Navigation → Expo Router ◆ State → Zustand 🆕 Clone it today with: npx create-expo-app -e with-router-menus
1:07

🚀 I built a new @Expo Router template for working with native context menus! ◆ UIMenu & SF Symbols → Zeego ◆ Dropdown → shadcn/ui ◆ Styles → nativewind ◆ Navigation → Expo Router ◆ State → Zustand 🆕 Clone it today with: npx create-expo-app -e with-router-menus

Evan Bacon 🥓

110,423 Aufrufe • vor 2 Jahren

✨ 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 🚀
0:28

✨ 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

67,996 Aufrufe • vor 1 Jahr

Introducing Silk — The most advanced swipeable sheet ever engineered for the web. Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web. Available for React.
1:09

Introducing Silk — The most advanced swipeable sheet ever engineered for the web. Native-like experience • Works on all devices • Unlocks dozens of UI patterns on the web. Available for React.

Bruno Stasse

834,586 Aufrufe • vor 1 Jahr

🌟 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👇
1:33

🌟 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,018 Aufrufe • vor 1 Jahr

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.
0:29

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

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 ✨
0:25

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,527 Aufrufe • vor 4 Monaten

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

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,039 Aufrufe • vor 16 Tagen

cut, tweak, extend | made with edit. edit your sora videos in one place: add clips, extend scenes, remix, or rework moments directly on the timeline. rolling out now to all sora users on ios & web. android coming soon.
0:47

cut, tweak, extend | made with edit. edit your sora videos in one place: add clips, extend scenes, remix, or rework moments directly on the timeline. rolling out now to all sora users on ios & web. android coming soon.

Sora

284,263 Aufrufe • vor 4 Monaten

This is my new course on building your dream apps with Claude AI I’m detailing all my tips and techniques that went into making my video editor and svg pattern builder. Everything from building with Cursor, ideation, generating UI, prompting to full stack web dev with React, Tailwind, Firebase, Stripe, etc. I’m recording the whole course with my video editor.
3:34

This is my new course on building your dream apps with Claude AI I’m detailing all my tips and techniques that went into making my video editor and svg pattern builder. Everything from building with Cursor, ideation, generating UI, prompting to full stack web dev with React, Tailwind, Firebase, Stripe, etc. I’m recording the whole course with my video editor.

Meng To

117,572 Aufrufe • vor 1 Jahr

👋 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

🚀 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

You can design iOS apps that look like they were designed by Apple... Without writing a single line of code. Here are the 7 Tips (With Prompts) for creating apps that look professionally designed by Apple, using Native iOS UI Components. With @anshnanda_ who has 10 years of experience building iOS apps. TIMESTAMPS: 00:00 Intro 00:24 Advantages of Native Apps vs Web Apps 01:51 Create Boring ToDo List App on vibecode.dev 04:02 Tip 1: Header Transition 05:19 Tip 2: Context Menu 06:55 Tip 3: Bottom Bar 08:48 Tip 4: Bottom Sheet / Modal 09:59 "Snap Points" 10:51 Tip 5 and 6: Date Pickers and Time Pickers 13:01 Tip 7: Haptics
17:36

You can design iOS apps that look like they were designed by Apple... Without writing a single line of code. Here are the 7 Tips (With Prompts) for creating apps that look professionally designed by Apple, using Native iOS UI Components. With @anshnanda_ who has 10 years of experience building iOS apps. TIMESTAMPS: 00:00 Intro 00:24 Advantages of Native Apps vs Web Apps 01:51 Create Boring ToDo List App on vibecode.dev 04:02 Tip 1: Header Transition 05:19 Tip 2: Context Menu 06:55 Tip 3: Bottom Bar 08:48 Tip 4: Bottom Sheet / Modal 09:59 "Snap Points" 10:51 Tip 5 and 6: Date Pickers and Time Pickers 13:01 Tip 7: Haptics

Riley Brown

57,089 Aufrufe • vor 9 Monaten

🚀 ZKX Wallet Web App is NOW LIVE! The ZKX Wallet 🗽 The Private Trading Wallet is no longer tied to specific operating systems or app stores. We’ve rebuilt the same codebase that powers our ZKX Extension into a fully functional web app. With this release, ZKX Wallet is now accessible on any device with a modern web browser: • iOS (Safari, Chrome, etc.) • macOS • Windows • Linux • Android • ChromeOS • …and basically anything else with a browser No native installation is required for core access. You can also install it as a Progressive Web App (PWA) for a more app-like experience on supported devices. Your keys remain fully in your control. Even your HOT wallet is protected with encrypted passkey-based security, with no backup dependency or identity linking. Railgun shielding works seamlessly, hardware wallet support (including QR-based signing) is included, and you get unified private and public balance management across EVM chains and PulseChain. We can now ship new features almost daily to improve the wallet experience for our users. Privacy. Security. Accessibility. Universal.
0:48

🚀 ZKX Wallet Web App is NOW LIVE! The ZKX Wallet 🗽 The Private Trading Wallet is no longer tied to specific operating systems or app stores. We’ve rebuilt the same codebase that powers our ZKX Extension into a fully functional web app. With this release, ZKX Wallet is now accessible on any device with a modern web browser: • iOS (Safari, Chrome, etc.) • macOS • Windows • Linux • Android • ChromeOS • …and basically anything else with a browser No native installation is required for core access. You can also install it as a Progressive Web App (PWA) for a more app-like experience on supported devices. Your keys remain fully in your control. Even your HOT wallet is protected with encrypted passkey-based security, with no backup dependency or identity linking. Railgun shielding works seamlessly, hardware wallet support (including QR-based signing) is included, and you get unified private and public balance management across EVM chains and PulseChain. We can now ship new features almost daily to improve the wallet experience for our users. Privacy. Security. Accessibility. Universal.

Liberty Swap | C.R.O.P.S. on PulseChain

34,518 Aufrufe • vor 1 Monat

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.
1:15

I work with shadcn/ui every day. I design with it, I build with it, and I see a lot of projects built with it. And honestly? Many of them look the same. Or worse - they look broken. Colors that clash. Fonts that don't pair. Dark modes that feel like an afterthought. The components themselves are great. The theming that people or AI make? Not so much. So I built a tool to fix that. I just launched my shadcn theme generator that will allow you to ship beautiful shadcn/ui themes in just 3-4 clicks. What it does: - Creates your entire color palette from 1 color (your hex or any tailwind color) - Works for light and dark theme - Only includes fonts that actually look good in UI - Font pairings I curated myself - Works for any project - landing page, dashboard, store - Has a color contast checker for the entire palette Too lazy? Just use random theme feature Done? Copy and paste the CSS to your global.css file or import to our Figma kit.

Matt

77,738 Aufrufe • vor 5 Monaten

🚀 New on ModelScope: MiniMax M2.1 is open-source! ✅ SOTA in 8+ languages (Rust, Go, Java, C++, TS, Kotlin, Obj-C, JS) ✅ Full-stack Web & mobile dev: Android/iOS, 3D visuals, vibe coding that actually ships ✅ Smarter, faster, 30% fewer tokens — with lightning mode (M2.1-lightning) for high-TPS workflows ✅ Top-tier on SWE-bench, VIBE, and custom coding/review benchmarks ✅ Works flawlessly in Cursor, Cline, Droid, BlackBox, and more It’s not just “better code” — it’s AI-native development, end to end. 🔗 Model:
0:54

🚀 New on ModelScope: MiniMax M2.1 is open-source! ✅ SOTA in 8+ languages (Rust, Go, Java, C++, TS, Kotlin, Obj-C, JS) ✅ Full-stack Web & mobile dev: Android/iOS, 3D visuals, vibe coding that actually ships ✅ Smarter, faster, 30% fewer tokens — with lightning mode (M2.1-lightning) for high-TPS workflows ✅ Top-tier on SWE-bench, VIBE, and custom coding/review benchmarks ✅ Works flawlessly in Cursor, Cline, Droid, BlackBox, and more It’s not just “better code” — it’s AI-native development, end to end. 🔗 Model:

ModelScope

16,939 Aufrufe • vor 7 Monaten

I've been building a music player with Next.js for fun. Here's a quick demo of how it works (it's open source!) • Demo: • Code: If you want to learn more about how it's built, here's more details ↓ I'm using Postgres (with Drizzle) to store information about the songs and playlists. Audio and image files are stored in Vercel Blob (object storage), and the URLs are then referenced in the database. For the UI, I'm using shadcn/ui (so Tailwind CSS and Radix). This made it easy to copy/paste in some nice components, like the dropdown menus. I built the entire first version of the UI in v0 and then iterated from there, feeding it my Drizzle schema as a source in the project and having it scaffold some of the boilerplate for me: I added support for keyboard navigation (using arrow keys) or vim motions (j/k to go up/down, and h/l to go between playlists and tracks). Also, space to toggle the now playing song, and / to focus the search input. The search function has a nice utility to highlight the currently searched text on the page in yellow. Then, I was exploring how to pass metadata from my application to macOS or iOS. Turns out there's an API for that – MediaSession. Web apps can share metadata about what media is playing (title, artist, album artwork) and sync play/pause/seek with system media controls. Works across modern browsers — even integrates with iOS dynamic island and shows up on lock screens: I set up my app like a PWA – it has a manifest.json file, so it can be installed to my iOS home screen or added to my dock on macOS. On iOS, it then uses the full screen height `100dvh` (dynamic viewport) and has padding on the bottom for the safe area with the `env()` CSS function. Finally, I was able to use the Vercel AI SDK in a script to clean up the metadata on audio files I downloaded from YouTube. Bonus: I even was able to dogfood the React Compiler, which helped me fix a performance bug! That's all! It's fun to make personal software:
2:03

I've been building a music player with Next.js for fun. Here's a quick demo of how it works (it's open source!) • Demo: • Code: If you want to learn more about how it's built, here's more details ↓ I'm using Postgres (with Drizzle) to store information about the songs and playlists. Audio and image files are stored in Vercel Blob (object storage), and the URLs are then referenced in the database. For the UI, I'm using shadcn/ui (so Tailwind CSS and Radix). This made it easy to copy/paste in some nice components, like the dropdown menus. I built the entire first version of the UI in v0 and then iterated from there, feeding it my Drizzle schema as a source in the project and having it scaffold some of the boilerplate for me: I added support for keyboard navigation (using arrow keys) or vim motions (j/k to go up/down, and h/l to go between playlists and tracks). Also, space to toggle the now playing song, and / to focus the search input. The search function has a nice utility to highlight the currently searched text on the page in yellow. Then, I was exploring how to pass metadata from my application to macOS or iOS. Turns out there's an API for that – MediaSession. Web apps can share metadata about what media is playing (title, artist, album artwork) and sync play/pause/seek with system media controls. Works across modern browsers — even integrates with iOS dynamic island and shows up on lock screens: I set up my app like a PWA – it has a manifest.json file, so it can be installed to my iOS home screen or added to my dock on macOS. On iOS, it then uses the full screen height `100dvh` (dynamic viewport) and has padding on the bottom for the safe area with the `env()` CSS function. Finally, I was able to use the Vercel AI SDK in a script to clean up the metadata on audio files I downloaded from YouTube. Bonus: I even was able to dogfood the React Compiler, which helped me fix a performance bug! That's all! It's fun to make personal software:

Lee Robinson

118,242 Aufrufe • vor 1 Jahr

𝗖𝗵𝗶𝗻𝗮 𝗷𝘂𝘀𝘁 𝗿𝗲𝗹𝗲𝗮𝘀𝗲𝗱 𝗮 𝗳𝗿𝗲𝗲 𝗔𝗜 𝘁𝗵𝗮𝘁 𝗯𝘂𝗶𝗹𝗱𝘀 𝗮𝗽𝗽𝘀 𝗶𝗻 𝘀𝗲𝗰𝗼𝗻𝗱𝘀. 𝗬𝗼𝘂'𝗿𝗲 𝘀𝘁𝗶𝗹𝗹 𝗽𝗮𝘆𝗶𝗻𝗴 𝗱𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿𝘀 𝘁𝗵𝗼𝘂𝘀𝗮𝗻𝗱𝘀 𝗳𝗼𝗿 𝘁𝗵𝗶𝘀. MiniMax M2.1 just dropped. Here's what it does: → 230 billion parameters → Beats Claude and Gemini at coding → 91.5% accuracy on web development → Handles Python, Rust, React, iOS, Android → Works with Claude Code and Klein Download it from Hugging Face. Self-host it. Customize it. Own it forever. No subscriptions. No rate limits. Save this video, you'll build apps without coding. Want the SOP? DM me. 💬
9:10

𝗖𝗵𝗶𝗻𝗮 𝗷𝘂𝘀𝘁 𝗿𝗲𝗹𝗲𝗮𝘀𝗲𝗱 𝗮 𝗳𝗿𝗲𝗲 𝗔𝗜 𝘁𝗵𝗮𝘁 𝗯𝘂𝗶𝗹𝗱𝘀 𝗮𝗽𝗽𝘀 𝗶𝗻 𝘀𝗲𝗰𝗼𝗻𝗱𝘀. 𝗬𝗼𝘂'𝗿𝗲 𝘀𝘁𝗶𝗹𝗹 𝗽𝗮𝘆𝗶𝗻𝗴 𝗱𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿𝘀 𝘁𝗵𝗼𝘂𝘀𝗮𝗻𝗱𝘀 𝗳𝗼𝗿 𝘁𝗵𝗶𝘀. MiniMax M2.1 just dropped. Here's what it does: → 230 billion parameters → Beats Claude and Gemini at coding → 91.5% accuracy on web development → Handles Python, Rust, React, iOS, Android → Works with Claude Code and Klein Download it from Hugging Face. Self-host it. Customize it. Own it forever. No subscriptions. No rate limits. Save this video, you'll build apps without coding. Want the SOP? DM me. 💬

Julian Goldie SEO

36,967 Aufrufe • vor 6 Monaten