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.

Re-introducing React Bits Pro. The complete React library for crafting memorable UI. ▷ 134 Creative Components (34 new) ▷ 300 App UI Blocks ▷ 238 Marketing Blocks ▷ 11 Templates ▷ Landing Page Builder ▷ An Agent Kit for your AI ▷ Rebuilt Docs

David Haz

11,487 subscribers

11,668 views • 1 month ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

34 Comments

David Haz1 month ago

App UI is the big new addition in August. 300 blocks across dashboards, data tables, kanban, settings, auth and AI/agent surfaces, everything you need to ship the product behind the landing page, built with a custom theming system. Same registry, same install, same license.

David Haz1 month ago

The new Landing Builder composes the 238 marketing blocks into a full page with just a few drag and drops. It lets you edit copy inline, and exports real React code. The AI prompt export is set up to harmonize any discrepancies between blocks.

David Haz1 month ago

Agent Kit ships design skills, prompts and full-page recipes your coding agent can install. One free skill included (terminal-dark)

OrcDev1 month ago

David cookiiiiiiing 🔥

Daniel White1 month ago

bro is cooking!!!

David Haz1 month ago

Yessir!

Simon Mahfoud1 month ago

@davidhaz fantastic job, these are super impressive! Loved reactbits since the beginning when @orcdev made a video on it!

David Haz1 month ago

@orcdev Appreciate it! It's come a long way, and I'm thankful to people like @orcdev for spreading the word! ❤️

gsimone1 month ago

bro waited for monetization to drop the bomb 💣

David Haz1 month ago

Ahahah, godspeed brother 🫡

Den1 month ago

Really great design skill 🫡

David Haz1 month ago

Thank you kindly!

David Haz1 month ago

🫡

Maarten1 month ago

Damnnnnnn you cooked on this one bro. Thanks ⚡️

David Haz1 month ago

Thanks a lot man. Hope you enjoy everything new!

Maarten1 month ago

For sure man, checking it out as we speak. Am currently in buidl mode so this came at perfect timing. Buying pro is like the gift that keeps on giving :P Christmas every month

David Haz1 month ago

That's what I like to hear! :D

Edoardo Lunardi1 month ago

@ggsimm LFG

David Haz1 month ago

@ggsimm 🫡🫡🫡

Iván Olivares Rojas1 month ago

I'm here to watch the video and say: WOW! again 👏 You did it, again... genius! 🤩

RK👑1 month ago

The Agent Kit is probably the most interesting addition here. Components help you build faster, but giving agents a structured UI system to work with could change how we build frontends entirely.

Rakesh S Nakrani1 month ago

superb!

David Haz1 month ago

Thank you!

Zayn1 month ago

pretty interesting

David Haz1 month ago

🫡

Zayn1 month ago

can you please check your dms Brodie

Julio Reyes 🇵🇾1 month ago

🔥🔥🔥

0xA1 month ago

Wow what the fuck Great work

David Haz1 month ago

Told you it was 100x Hope you enjoy it!

0xA1 month ago

They’re lovely as always Looking through all of them rn hahaha

Saurabh1 month ago

damnn 300 ui blocks 🫡🔥

henriqueamsm1 month ago

Free?

Krishna Singh1 month ago

Dashboards, tables, auth, settings, AI surfaces basically the boring 80% of SaaS UI. 😄

Zayn1 month ago

mind if i send you some donations?

Related Videos

A huge React Bits Pro update just dropped. 🗂️ 80 new UI blocks 📑 Major documentation improvements 🖼️ A brand-new landing page, changelog, and more You now get access to 100+ components, 238+ blocks, and 10+ full templates. A creative powerhouse for humans and agents.

David Haz

21,799 views • 2 months ago

🚀 Introducing React Bits Pro Build faster with: • 65 unique React components • 100+ smoothly animated UI blocks • 5 launch-ready templates For landing pages, launches, and product sites that need to stand out. Launch pricing is live for 1 month.

🚀 Introducing React Bits Pro Build faster with: • 65 unique React components • 100+ smoothly animated UI blocks • 5 launch-ready templates For landing pages, launches, and product sites that need to stand out. Launch pricing is live for 1 month.

David Haz

164,865 views • 7 months ago

Introducing ObsidianUI : React & Tailwind CSS Components Library > 35+ Components, blocks, landing page & templates! > Added AI Agents MCP > Redesigned UI try here: copy the source or install via shadcn-cli Free, open source, no sign-up

Introducing ObsidianUI : React & Tailwind CSS Components Library > 35+ Components, blocks, landing page & templates! > Added AI Agents MCP > Redesigned UI try here: copy the source or install via shadcn-cli Free, open source, no sign-up

Athrix ☄️

262,740 views • 8 days ago

📢 ANNOUNCEMENT 📢 React Bits Pro launches February 11! 📦 66 Creative Components 🧩 101 Landing Blocks 🖥️ 5 Full Page Templates The final waitlist spots are going fast! 🎉 This is the last teaser before you get to experience it yourself!

📢 ANNOUNCEMENT 📢 React Bits Pro launches February 11! 📦 66 Creative Components 🧩 101 Landing Blocks 🖥️ 5 Full Page Templates The final waitlist spots are going fast! 🎉 This is the last teaser before you get to experience it yourself!

David Haz

10,340 views • 8 months ago

A few gems I’ve found in the past couple of weeks: → UI blocks for AI agent interactions → UI components for AI products → UI blocks for interactive AI experiences → showcase of products built by designers → text morphing library with zero dependencies → typography utility for keeping text together

A few gems I’ve found in the past couple of weeks: → UI blocks for AI agent interactions → UI components for AI products → UI blocks for interactive AI experiences → showcase of products built by designers → text morphing library with zero dependencies → typography utility for keeping text together

CJ @ Jackie Brown

95,888 views • 8 days ago

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

84,239 views • 3 months ago

build an agent that speaks your UI. your charts. your forms. your seat maps. multi-turn, streaming, interactive. introducing tambo 1.0, the open-source generative UI toolkit for react.

build an agent that speaks your UI. your charts. your forms. your seat maps. multi-turn, streaming, interactive. introducing tambo 1.0, the open-source generative UI toolkit for react.

Michael Magán

262,277 views • 7 months ago

💬assistant-ui is an open-source TypeScript/React library for AI chat. It brings a ChatGPT-like UI directly into your app. Get started via `npx assistant-ui init`. Congrats on the launch, Simon Farshid!

💬assistant-ui is an open-source TypeScript/React library for AI chat. It brings a ChatGPT-like UI directly into your app. Get started via `npx assistant-ui init`. Congrats on the launch, Simon Farshid!

Y Combinator

132,724 views • 1 year ago

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 ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.

HeroUI

545,396 views • 6 months ago

🚀 Introducing A collection of top quality free & open-source dashboard components, blocks and layouts built with shadcn/ui & Base UI ✅ Open-source dashboard components & blocks ✅ Beautiful admin dashboard template ✅ Copy & paste with shadcn/ui ✅ Pre-Built AI Prompts ✅ MCP Server ✅ Production-ready code Huge thanks to shadcn for creating such an amazing ecosystem ❤️ 🔗 Would love your feedback.

🚀 Introducing A collection of top quality free & open-source dashboard components, blocks and layouts built with shadcn/ui & Base UI ✅ Open-source dashboard components & blocks ✅ Beautiful admin dashboard template ✅ Copy & paste with shadcn/ui ✅ Pre-Built AI Prompts ✅ MCP Server ✅ Production-ready code Huge thanks to shadcn for creating such an amazing ecosystem ❤️ 🔗 Would love your feedback.

Sunil Joshi

68,092 views • 2 months ago

After months of hard work, it's here! 🚀 The NEW shadcn/ui kit for Figma, based on Tailwind v4 and shadcn 2.5.0! What's new? ⭐ Updated Figma kit ⭐ Refactored Pro Blocks for Tailwind v4 ⭐ 28 new Pro Blocks ⭐ Added new AI models to our plugin for improved component generation ⭐ New feature: Export Figma themes via our plugin and install them with shadcn/ui registry

After months of hard work, it's here! 🚀 The NEW shadcn/ui kit for Figma, based on Tailwind v4 and shadcn 2.5.0! What's new? ⭐ Updated Figma kit ⭐ Refactored Pro Blocks for Tailwind v4 ⭐ 28 new Pro Blocks ⭐ Added new AI models to our plugin for improved component generation ⭐ New feature: Export Figma themes via our plugin and install them with shadcn/ui registry

Matt

26,730 views • 1 year ago

Introducing React Bits: Micro A brand new category for micro-interactions, launching with 30 free, customizable components. Smooth motion, subtle details, and playful interactions designed to make your UI feel alive. Live now. Try it out:

David Haz

378,391 views • 4 days ago

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Introducing Motion UI. White label, production-ready, performance-graded UI components for React. Ready to drop straight into your design via shadcn CLI and Tailwind CSS, or adapt via your agent with our one-click prompt generator or the Motion MCP.

Motion

176,031 views • 2 months ago

🚀 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

Most UI libraries are built to disappear into the background. When you need people to notice you, that’s a big problem. React Bits Pro is for landing pages, launches, or any marketing sites where UI is a key part of the message. This video is just a glimpse. 🗓️ February 2026

Most UI libraries are built to disappear into the background. When you need people to notice you, that’s a big problem. React Bits Pro is for landing pages, launches, or any marketing sites where UI is a key part of the message. This video is just a glimpse. 🗓️ February 2026

David Haz

58,688 views • 9 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,260 views • 3 years ago

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!

We just launched our new website along with some great changes: 1. Added /themes page where you can grab our free shadcn / ui themes. 2. The /academy is now free for everyone. You can learn the Figma to shadcn/ui process with our short video guides. 3. The site is rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages. I'm already working on more themes, expanded docs, and new Pro Blocks. Thanks for being here and supporting our small project! More to come!

Matt

44,889 views • 11 months ago

introducing 🌏 solaris an open-source react shader library and playground for celestial effects dial in dusk flushes, haze, and exposure in real-time, then drop the components right into your app

introducing 🌏 solaris an open-source react shader library and playground for celestial effects dial in dusk flushes, haze, and exposure in real-time, then drop the components right into your app

Cuvii

25,939 views • 13 days ago

Introducing the Contracts UI Builder ⚡ Scaffold a frontend for any deployed contract in a few clicks — select contract functions and export an auto-generated React app with: • Built-in wallet connect • Multi-network support • Zero frontend coding

Introducing the Contracts UI Builder ⚡ Scaffold a frontend for any deployed contract in a few clicks — select contract functions and export an auto-generated React app with: • Built-in wallet connect • Multi-network support • Zero frontend coding

OpenZeppelin

55,775 views • 1 year ago