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.

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿... show more

HeroUI

22,920 subscribers

535,016 views • 3 months ago •via X (Twitter)

Arts Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Pigment CSS is here! Our new zero-runtime CSS-in-JS library that’s compatible with React Server Components and brings significant performance improvements over other styling engines 🏎️💨 Ready to jump into it? Follow our quick guide:

Pigment CSS is here! Our new zero-runtime CSS-in-JS library that’s compatible with React Server Components and brings significant performance improvements over other styling engines 🏎️💨 Ready to jump into it? Follow our quick guide:

MUI org

30,043 views • 1 year ago

Just dropped HeroUI Native MCP. Now your AI agent can build beautiful React Native apps with real HeroUI components - have fun 🚀

Just dropped HeroUI Native MCP. Now your AI agent can build beautiful React Native apps with real HeroUI components - have fun 🚀

HeroUI

23,027 views • 9 months ago

shadcn/ui patterns. No React. No build. Just Rails. Maquina Components gives you the same component architecture — ERB partials + StimulusJS + Tailwind CSS v4. Claude skill for AI-assisted dev: #Rails #RubyOnRails

shadcn/ui patterns. No React. No build. Just Rails. Maquina Components gives you the same component architecture — ERB partials + StimulusJS + Tailwind CSS v4. Claude skill for AI-assisted dev: #Rails #RubyOnRails

Mario Alberto Chávez

29,721 views • 5 months 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,266 views • 8 months ago

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Ibelick

27,854 views • 1 year ago

Introducing HeroUI Pro — Build products you're proud to ship 🚀 ⚡ 64 premium components + 398 examples across React and React Native. 📊 DataGrid, Kanban, Command palette, Charts, Sidebar, AppLayout 🗓️Full date/time stack for native: Calendar, DatePicker, RangePicker 👆Slide-to-confirm, hold-to-confirm buttons 🎨 4 ready-to-ship Next.js templates 🤖 MCP server + Skills — AI agents that actually know your design system heroui[dot]pro 🧵

Introducing HeroUI Pro — Build products you're proud to ship 🚀 ⚡ 64 premium components + 398 examples across React and React Native. 📊 DataGrid, Kanban, Command palette, Charts, Sidebar, AppLayout 🗓️Full date/time stack for native: Calendar, DatePicker, RangePicker 👆Slide-to-confirm, hold-to-confirm buttons 🎨 4 ready-to-ship Next.js templates 🤖 MCP server + Skills — AI agents that actually know your design system heroui[dot]pro 🧵

HeroUI

19,162 views • 2 months ago

Calendar built from scratch ↓ → Next.js hosted on Vercel → Tailwind CSS for styling → shadcn for beautiful and accessible components → nuqs for URL-based state management

Calendar built from scratch ↓ → Next.js hosted on Vercel → Tailwind CSS for styling → shadcn for beautiful and accessible components → nuqs for URL-based state management

João Melo

16,550 views • 1 year ago

🚀 Introducing Panda CSS The modern CSS-in-JS styling engine! Say goodbye to runtime CSS-in-JS 🎨💪✨ 🔸Works with Server Components 🔸Recipes, Variants, and Patterns 🔸Design Tokens Support Works in Next.js, Vue, Qwik, Solid, Astro, and more.

🚀 Introducing Panda CSS The modern CSS-in-JS styling engine! Say goodbye to runtime CSS-in-JS 🎨💪✨ 🔸Works with Server Components 🔸Recipes, Variants, and Patterns 🔸Design Tokens Support Works in Next.js, Vue, Qwik, Solid, Astro, and more.

Sage ⚡️

413,484 views • 3 years ago

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴

Introducing Fancy Components: a collection full of fancy, fun, edgy and useless React components! — Built with react, ts, Tailwind CSS and Motion — Each comp. includes examples and docs to help you understand how it works and is built — 100% free & open-source! link↴

daniel petho

188,521 views • 1 year ago

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

243,934 views • 1 year ago

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Shefali

22,953 views • 1 year ago

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

Nick Babich

120,191 views • 2 years ago

Are React Server Components web-only or can they be used anywhere? What would it look like if Expo added React Server Components for native iOS and Android platforms... 🧵 Find out now ↓

Are React Server Components web-only or can they be used anywhere? What would it look like if Expo added React Server Components for native iOS and Android platforms... 🧵 Find out now ↓

Evan Bacon 🥓

233,112 views • 3 years ago

Design on web. Preview on your phone. Instantly. 📲 HeroUI Pro Theme Builder now supports native: ✓ Live iOS/Android preview ✓ Scan QR → your theme opens in HeroUI Native ✓ Export Web CSS or Native CSS One design system. Beautiful everywhere 🚀

Design on web. Preview on your phone. Instantly. 📲 HeroUI Pro Theme Builder now supports native: ✓ Live iOS/Android preview ✓ Scan QR → your theme opens in HeroUI Native ✓ Export Web CSS or Native CSS One design system. Beautiful everywhere 🚀

HeroUI

12,431 views • 25 days ago

Announcing React Aria Components v1.0.0! 🥳 Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles.

Announcing React Aria Components v1.0.0! 🥳 Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles.

Devon Govett

542,524 views • 2 years ago

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

david fant

323,943 views • 6 months ago

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.

React Native Reanimated 4 is now stable and ready for production 🐎 Featuring CSS Animations & Transitions, multithreading with React Native Worklets and more.

Software Mansion

112,818 views • 11 months ago

✨ Free animated component library Built for Framer, React, and AI tools through MCP ✅ Ready-to-use components ✅ Clear previews ✅ Easy customisation controls ✅ Copy code →

✨ Free animated component library Built for Framer, React, and AI tools through MCP ✅ Ready-to-use components ✅ Clear previews ✅ Easy customisation controls ✅ Copy code →

Adham Dannaway

42,804 views • 8 days ago

🚀 Chakra UI v3 is here! 🚀 We're thrilled to announce the release of Chakra v3, a complete rewrite to boost performance, speed, and consistency across all components. 🟢 25+ new components 🟢 Improved design tokens 🟢 Component Snippets 🟢 Works in RSC and Next.js

🚀 Chakra UI v3 is here! 🚀 We're thrilled to announce the release of Chakra v3, a complete rewrite to boost performance, speed, and consistency across all components. 🟢 25+ new components 🟢 Improved design tokens 🟢 Component Snippets 🟢 Works in RSC and Next.js

Sage ⚡️

93,357 views • 1 year ago

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css

1. Convert UI design to front-end code Prompt: Convert this design into a react component using tailwind css

Robin Delta

41,075 views • 2 years ago