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.

Releasing React Native Feel / Chun UI ◆ 40+ components ◆ Stacked Toasts, buttons, Forms, Cards, Screens, Skeletons, Dark/Light mode, and more ◆ Kitchen Sink app with all the components integrated ◆ Style System SKILL to continue building w/ the same style Get it at

RO

5,619 subscribers

12,376 views • 16 days ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

12 Comments

Ludwig Adorno16 days ago

you reached prime-output. good for you!

RO16 days ago

Thanks Ludwig 🙏. I started using the UI on a new project and it feels great. Try it out!

Boardy16 days ago

If you want a few React Native builders to kick the tires on Chun UI, I can point you their way.

Jason Kneen16 days ago

Lovely -- the /chat is 404 -- wanted to see that! ;)

RO16 days ago

woooops! thanks for the tip. it's now fixed.

Isaac Hinman16 days ago

A subscription is the wrong pricing model, sorry

RO16 days ago

has a lot of value in it. You don't get just this theme there is a lot of codebases, sdks, with things that are nowhere in the space like local-ai. Before the subscription it was a yearly subscription that costed 10x more and had only the Chat codebase. I am trying to make it more accesible and valuable Isaac. I think it's the way to go.

Khalid16 days ago

It looks great🔥

RO16 days ago

Thanks! The React Native feel is alive 🔥

Liam14 days ago

Tiny recommendation: hide the floating expo tool in your previews I find it so annoying and imo it ruins the polish of your screenshots/recordings In expo 58 you'll even be able to hide it by default with disableFab=1

RO14 days ago

Yes. That was not great. Will try the flag! thanks

Alek16 days ago

RO - which component gets reused most?

Related Videos

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

🚀 Ship in record time with the new Metronic! The all-in-one template kit for React Vite, Next.js, and vanilla JS - trusted by 117,000+ developers. Key Features: - 10 unique app layouts - RTL/Dark mode support - 1000+ UI elements - 40+ UI components - 120+ pages - 50+ Prebuilt UI blocks CRUDs/forms/flows - User Management app(next.js) - Store - Client concept - More concepts cooking... Tech Stack: - Tailwind CSS 4 - ReUI components - shadcn compatible - @reactjs19 with App Router - Vite ⚡ with React Router - Next.js 15.3 - Auth.js - Supabase Auth - Radix by WorkOS - TANSTACK Table & Query - Prisma ORM - PostgreSQL - Vanilla JS/TypeScript - KtUI components - Bootstrap 5 legacy version Live preview: Purchase link:

KeenThemes Market

12,695 views • 1 year ago

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with @niceprompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

A record from one of the calendars under React Native Components built with Expo 🧙 I plan to build at least 10 apps this year, starting with @niceprompt v2 + the mobile app. The React Native Components UI library and templates will make this process much smoother (highly recommended). This year will be exciting! 🥳

Erencan Arica

43,741 views • 9 months ago

👋 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

👋 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

134,284 views • 1 year ago

Does the Brawlhalla eSports stream feel static? It just needs some Rive! 🤩 Here's my entry for the #rivebroadcastchallenge! I used data-bind, components, scripts and more to create: Dynamic VS Screens, live stats, and VTuber-style interviews with real-time lip-sync! 🔥 +

Does the Brawlhalla eSports stream feel static? It just needs some Rive! 🤩 Here's my entry for the #rivebroadcastchallenge! I used data-bind, components, scripts and more to create: Dynamic VS Screens, live stats, and VTuber-style interviews with real-time lip-sync! 🔥 +

Pepino

28,185 views • 2 months ago

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

shadcn

532,608 views • 3 years ago

Brooooooooooooo... this feels like a dream come true for every developer & designer. 🦴 Now you don't have to manually design skeleton screens for your UI. Boneyard automatically extracts the layout from your real UI and generates pixel-perfect skeleton loading screens from it. Just wrap your UI components with Boneyard, run the build, and it creates the skeletons for you :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Brooooooooooooo... this feels like a dream come true for every developer & designer. 🦴 Now you don't have to manually design skeleton screens for your UI. Boneyard automatically extracts the layout from your real UI and generates pixel-perfect skeleton loading screens from it. Just wrap your UI components with Boneyard, run the build, and it creates the skeletons for you :) Follow me for more amazing AI, Coding & Web Dev insights 💎

Ram Maheshwari

55,108 views • 1 month ago

$20 UI resources every design engineer should have bookmarked. Save this 🔖 1. Scrolltide ( - 300+ animated components and full site prompts, and every single one ships with the complete build prompt behind it. Spiral sliders, morph cards, 3D scenes, scroll-driven sections. - Copy the prompt, paste it into Claude or Cursor, get the component live. -Personal and client use, full source included, new drops weekly. 2. shadcn/ui ( — the gold standard for copy-paste React 3. Aceternity UI ( — 200+ animated React/Tailwind 4. Magic UI ( — drop-in animated components 5. Motion Primitives ( — advanced UI interactions 6. Uiverse ( — thousands of open-source elements 7. — component registry that plugs into agents via MCP 8. UIAble ( — expands the shadcn ecosystem 9. mapcn ( — map components for React 10. MicroKit UI ( — micro-interactions for buttons and inputs 11. Liquid Glass ( — glass refraction components 12. Kinetics ( — 150+ motion effects with code 13. Theatre.js ( — expressive web animation 14. Anime.js ( — lightweight DOM animation 15. Spline ( — 3D in the browser, exports to React 16. Unicorn Studio ( — interactive web effects 17. Component Gallery ( — 2,600+ examples of the same element solved 18. Navbar Gallery ( — hundreds of navigations 19. CSS Text Effects ( 20. 3Dicons ( — open-source 3D icons$

20 UI resources every design engineer should have bookmarked. Save this 🔖 1. Scrolltide ( - 300+ animated components and full site prompts, and every single one ships with the complete build prompt behind it. Spiral sliders, morph cards, 3D scenes, scroll-driven sections. - Copy the prompt, paste it into Claude or Cursor, get the component live. -Personal and client use, full source included, new drops weekly. 2. shadcn/ui ( — the gold standard for copy-paste React 3. Aceternity UI ( — 200+ animated React/Tailwind 4. Magic UI ( — drop-in animated components 5. Motion Primitives ( — advanced UI interactions 6. Uiverse ( — thousands of open-source elements 7. — component registry that plugs into agents via MCP 8. UIAble ( — expands the shadcn ecosystem 9. mapcn ( — map components for React 10. MicroKit UI ( — micro-interactions for buttons and inputs 11. Liquid Glass ( — glass refraction components 12. Kinetics ( — 150+ motion effects with code 13. Theatre.js ( — expressive web animation 14. Anime.js ( — lightweight DOM animation 15. Spline ( — 3D in the browser, exports to React 16. Unicorn Studio ( — interactive web effects 17. Component Gallery ( — 2,600+ examples of the same element solved 18. Navbar Gallery ( — hundreds of navigations 19. CSS Text Effects ( 20. 3Dicons ( — open-source 3D icons

Himanshu Hingorani

71,019 views • 15 days ago

HE TURNED A $9,000 UI HANDOFF INTO A 3D SAAS INTERFACE IN 30 MINUTES this guy didn’t build another flat dashboard, he built a living 3d workspace with Claude Code reading the structure, logic and components instead of guessing from screenshots Moonchild makes the design system first: tokens, spacing, cards, charts, navigation, typography, then Claude turns it into a working React app through MCP 2 tools, 1 design system, 8+ screens and a second Claude checking drift while most founders still pay agencies to align buttons by hand save the full breakdown before your next SaaS looks like 6 templates fighting for custody of the same logo ↓

Gipp 🦅

11,041 views • 4 months ago

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it yourself or with AI. It includes 200+ UI components, all crafted by humans with pixel-perfect quality, a solid design system, and clean code. Plan your site with the Sitemap tool. Explore content, layout ideas, and storytelling in Prototype. Shape the look and feel in Style Guide, then export everything to Next.js. You get more than just landing pages. You get a consistent foundation for your entire site, including Blog, Docs, Pricing, and more, without having to worry about architecture, content blocks, SEO, or performance. Available today.

Announcing the Style Guide in primeui. Customize your project theme with a shadcn-compatible token system. Preview it live with as many variants as you need on the canvas. Export clean, production-ready Next.js code in minutes. Prime UI gives you a strong foundation for your website, whether you build it yourself or with AI. It includes 200+ UI components, all crafted by humans with pixel-perfect quality, a solid design system, and clean code. Plan your site with the Sitemap tool. Explore content, layout ideas, and storytelling in Prototype. Shape the look and feel in Style Guide, then export everything to Next.js. You get more than just landing pages. You get a consistent foundation for your entire site, including Blog, Docs, Pricing, and more, without having to worry about architecture, content blocks, SEO, or performance. Available today.

Alex Barashkov

32,593 views • 7 months ago

Honestly, I’ve already fully built my app using Rork Max, it’s really good with a native UI. Now it’s just about upgrading the UI to truly feel like a gamified workout app. That way, I can market it much more easily on TikTok and other social platforms. Because if the UI stays this basic, I think the market is already saturated with workout apps, so I want it to stand out and better fit with TikTok-style content. Let's go 💪

Honestly, I’ve already fully built my app using Rork Max, it’s really good with a native UI. Now it’s just about upgrading the UI to truly feel like a gamified workout app. That way, I can market it much more easily on TikTok and other social platforms. Because if the UI stays this basic, I think the market is already saturated with workout apps, so I want it to stand out and better fit with TikTok-style content. Let's go 💪

Alex Nguyen

71,292 views • 6 months ago

$Every serious vibe coder should have bookmarked it. 25 vibe coding resources to keep yourself ahead of the competition. 1. - 600+ award-winning prompts + full source code for 3D and scroll-driven websites. - 100+ 3D scenes, 200+ interactive gradients, 200+ UI components. - Copy the prompt, paste into Claude, Cursor or Lovable, launch live. 2. Minimal Gallery ( - curated high-end sites to feed your agent 3. Godly ( - hand-picked sites with serious craft 4. Refero Styles ( - 2,000+ real product styles with typography 5. Component Gallery ( - 2,600+ examples of how top design systems solve the same element 6. Mobbin ( - real app flows from real products 7. DESIGNmd ( - design systems as markdown your agent can read 8. VibePrompt ( - ready-made prompts for dashboards and landing pages 9. ( - component registry that plugs into agents via MCP 10. Kinetics ( - 150+ motion effects with React code and prompts 11. shadcn/ui ( - still the gold standard for clean, reusable UI 12. Aceternity UI ( - 200+ animated React/Tailwind components 13. Magic UI ( - beautifully designed components for modern web apps 14. Motion Primitives ( - ready-to-use animation and interaction components 15. Uiverse ( - community-built UI elements and interactive components 16. Shadcnblocks ( - full blocks, not just buttons 17. mapcn ( - map components, markers, routes, popups 18. Awwwards ( - the sites that actually won 19. Liquid Glass ( - glass refraction components and effects 20. CSS Text Effects ( - creative CSS text animations and effects 21. Circle Loaders ( - creative loading animations and loaders 22. Gradient Buttons ( - gradient button styles and effects 23. Shadertoy ( - shaders to study and remix 24. 3Dicons ( - a library of free 3D icons for modern interfaces 25. Anime.js ( - lightweight JavaScript animation library for the web If you're building with AI, this list will save you hours. Save it. 🔖$

Every serious vibe coder should have bookmarked it. 25 vibe coding resources to keep yourself ahead of the competition. 1. - 600+ award-winning prompts + full source code for 3D and scroll-driven websites. - 100+ 3D scenes, 200+ interactive gradients, 200+ UI components. - Copy the prompt, paste into Claude, Cursor or Lovable, launch live. 2. Minimal Gallery ( - curated high-end sites to feed your agent 3. Godly ( - hand-picked sites with serious craft 4. Refero Styles ( - 2,000+ real product styles with typography 5. Component Gallery ( - 2,600+ examples of how top design systems solve the same element 6. Mobbin ( - real app flows from real products 7. DESIGNmd ( - design systems as markdown your agent can read 8. VibePrompt ( - ready-made prompts for dashboards and landing pages 9. ( - component registry that plugs into agents via MCP 10. Kinetics ( - 150+ motion effects with React code and prompts 11. shadcn/ui ( - still the gold standard for clean, reusable UI 12. Aceternity UI ( - 200+ animated React/Tailwind components 13. Magic UI ( - beautifully designed components for modern web apps 14. Motion Primitives ( - ready-to-use animation and interaction components 15. Uiverse ( - community-built UI elements and interactive components 16. Shadcnblocks ( - full blocks, not just buttons 17. mapcn ( - map components, markers, routes, popups 18. Awwwards ( - the sites that actually won 19. Liquid Glass ( - glass refraction components and effects 20. CSS Text Effects ( - creative CSS text animations and effects 21. Circle Loaders ( - creative loading animations and loaders 22. Gradient Buttons ( - gradient button styles and effects 23. Shadertoy ( - shaders to study and remix 24. 3Dicons ( - a library of free 3D icons for modern interfaces 25. Anime.js ( - lightweight JavaScript animation library for the web If you're building with AI, this list will save you hours. Save it. 🔖

Himanshu Hingorani

22,098 views • 3 days ago

I see a lot of negative feedback about Apple’s new UI updates. But you are missing the point. It’s not about glass effects or making every UI element transparent / shiny. It’s about liquidity, depth, and movement. UI that feels alive. We are entering a new era of interface design. What was once static, flat, and fixed is becoming dynamic, adaptive, dimensional. Flat design is over. And flat screens will be too. Sooner than you think. I think Apple’s new UI system is less about a visual update. It’s the first real step toward multimodal interfaces. Where components aren’t bound to a rigid screen but float, shift, and respond. They appear where you need them, and disappear where you don’t. It’s about removing unnecessary clutter and making human-computer interaction feel… well, more human. Just because we’ve spent the last decade staring at opaque UI components doesn’t mean it’s the optimal way to interact with computers. Sure, it’s not perfect, but it’s the first real step into a new era of UI. The future is screenless. And dynamic components are the new screens.

I see a lot of negative feedback about Apple’s new UI updates. But you are missing the point. It’s not about glass effects or making every UI element transparent / shiny. It’s about liquidity, depth, and movement. UI that feels alive. We are entering a new era of interface design. What was once static, flat, and fixed is becoming dynamic, adaptive, dimensional. Flat design is over. And flat screens will be too. Sooner than you think. I think Apple’s new UI system is less about a visual update. It’s the first real step toward multimodal interfaces. Where components aren’t bound to a rigid screen but float, shift, and respond. They appear where you need them, and disappear where you don’t. It’s about removing unnecessary clutter and making human-computer interaction feel… well, more human. Just because we’ve spent the last decade staring at opaque UI components doesn’t mean it’s the optimal way to interact with computers. Sure, it’s not perfect, but it’s the first real step into a new era of UI. The future is screenless. And dynamic components are the new screens.

Felix Haas

653,995 views • 1 year ago

We are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.

We are witnessing a fundamental shift in how software is built. Over the decades, UI was static and predictable. But AI is changing the fundamental nature of the interface. We are moving away from fixed UI and toward a new standard: Generative UI. Generative UI lets agents participate in the UI, not just the conversation. It’s a dynamic participant in the user experience. Depending on the complexity of your app, Generative UI generally falls into three categories: 1. Static (AG-UI): UI is chosen from a fixed set of hand-built components 2. Open-Ended (MCP Apps): agent sends arbitrary content like raw HTML or iframes for total flexibility. 3. Declarative (A2UI): agent and frontend communicate via a structured UI spec for dynamic widgets and forms. The AG-UI Protocol by CopilotKit is the real breakthrough. AG-UI acts as the universal transport layer. It provides the integrations and middleware for every Gen-UI spec, making it trivial to bring dynamic components into your existing app. CopilotKit provides the go-to ecosystem for building agentic applications and is the React client of AG-UI. It is designed to be deeply integrated, allowing developers to bring their own frameworks or protocols to the table. Play around with different types of Generative UI here → Check out the video attached to see Generative UI in action. Appreciate the CopilotKit team for collaborating with me on this deep dive.

Pratham

33,920 views • 8 months ago

Codex + Moonchild just turned a $10k design sprint into a 60-minute solo workflow This builder connected Codex to Moonchild and generated: - a complete design system - every core app screen - production-ready frontend code All in under an hour: Most startups still pay $3k-$10k for screens that sit in Figma for weeks Then another sprint gets burned turning those screens into real components That workflow is getting replaced: - Moonchild builds the product's design system - Codex reads the system - The app gets built inside those constraints - No generic mockups - No messy handoff - No "looks different in production" tax The important part is not that AI can make pretty UI The important part is that Codex is no longer guessing taste from screenshots It has the rails: - tokens - components - states - layout rules - product patterns That's where design agencies get squeezed Not the top 1% with taste, brand strategy, and real product thinking The generic SaaS UI shops selling "premium screens" as a Figma file That offer is cooked The new agency is one operator with: - a strong design system - a coding agent - one afternoon And the gap between idea and production UI just got a lot smaller

ZEUS⚡️

13,274 views • 4 months ago

changed how I design with AI. I show how to build faster by adding a design system directly into the prompt, importing any website URL to get a strong starting point, then polishing everything in my own style. I also mix it with components and skills to keep the design consistent and more unique. GPT-5.5 cloning websites is honestly crazy good. The result can get very close to the original, then you can refine it and make it your own. Full breakdown in the comments.

changed how I design with AI. I show how to build faster by adding a design system directly into the prompt, importing any website URL to get a strong starting point, then polishing everything in my own style. I also mix it with components and skills to keep the design consistent and more unique. GPT-5.5 cloning websites is honestly crazy good. The result can get very close to the original, then you can refine it and make it your own. Full breakdown in the comments.

FHILY👑

57,007 views • 4 months ago

🚀 React Server Components are coming to every platform with Expo Router! To showcase all the new possibilities, I wrote the most powerful demo AI app I could think of—took less than a day to write, and it runs everywhere! Unlike traditional AI apps, which stream plain-text, Expo RSC can server render interactive native views and animations. This is the future of mobile apps.

🚀 React Server Components are coming to every platform with Expo Router! To showcase all the new possibilities, I wrote the most powerful demo AI app I could think of—took less than a day to write, and it runs everywhere! Unlike traditional AI apps, which stream plain-text, Expo RSC can server render interactive native views and animations. This is the future of mobile apps.

Evan Bacon 🥓

170,925 views • 2 years ago

🎉 Tailkit 4.0 is here, and I couldn't be more excited! 🙌🥳 But first - Giveaway Alert! Want to get a free Tailkit Developer license? Just drop a reply and give a like or repost (totally optional, but super appreciated). The lucky winner will be announced next Tuesday (October 8th) – good luck! Can you believe it’s already been 4 years since Tailkit’s journey started? ❤️ It feels like just yesterday I launched Tailkit 1.0 as an offline standalone web app back on October 1st, 2020. I'm really attached to this project because it was launched just a few days before I became a dad 👶😍 Fast forward to today, and Tailkit has grown into a fully customizable, feature-packed online app that gives you access to: - 550+ Tailwind CSS components (fully responsive + dark mode support) - 1,750+ Code snippets for HTML, React, Vue.js, and Alpine.js - 7 Marketing & Application Templates for HTML, React, Vue.js, and Laravel (fully responsive + dark mode support) - 10 Starter Kits for HTML, HTML with Vite, React, Vue.js, Laravel, Next.js, Nuxt, Astro, Svelte and Angular - 30 Days of Unlimited Design Service with every new Team license - Exclusive deals on third-party tools and projects - Handy helper tools like Button Builder, Color Palette, and Icon Finder - 3,700+ SVG Icons from Bootstrap and Heroicons - Free lifetime updates - Email support whenever you need it And the 4.0 update is packed with even more awesome features and upgrades: - 6 new UI components (Notifications) were added in Application UI package - 20 new UI components (Image/Content Sliders++) were added in Marketing package - React version (uses Vite) is introduced for all Templates - React code snippets were improved in all packages - Astro Starter Kit was added - Remove Dark Classes (from code snippets) option was added in App - Universal Dark Mode (preview pane can default to global dark mode) option was added in App - New preview colors (fuchsia, gray) were added in App - Heroicons v2 icons were updated to v2.1.5 adding 28+ brand new icons in App - 3 new exclusive deals are now available - UI design improvements in App - Various improvements and fixes in App - All dependencies were updated in Starter Kits - All dependencies were updated in Templates - Marketing website redesigned - Color Palette tool was made available to all I’ve put over 200 hours into this update alone, and I’m beyond excited to finally share it with you. Your continued support has made this journey possible, and I’m so grateful to have you along for the ride. 🙏 Wishing you an amazing day – remember, YOU ARE AWESOME! Go build something incredible! 🚀

John Champ

10,940 views • 2 years ago