正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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 次观看 • 1 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

34 条评论

David Haz 的头像

David Haz1 个月前

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 Haz 的头像

David Haz1 个月前

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 Haz 的头像

David Haz1 个月前

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

OrcDev 的头像

OrcDev1 个月前

David cookiiiiiiing 🔥

Daniel White 的头像

Daniel White1 个月前

bro is cooking!!!

David Haz 的头像

David Haz1 个月前

Yessir!

Simon Mahfoud 的头像

Simon Mahfoud1 个月前

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

David Haz 的头像

David Haz1 个月前

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

gsimone 的头像

gsimone1 个月前

bro waited for monetization to drop the bomb 💣

David Haz 的头像

David Haz1 个月前

Ahahah, godspeed brother 🫡

Den 的头像

Den1 个月前

Really great design skill 🫡

David Haz 的头像

David Haz1 个月前

Thank you kindly!

David Haz 的头像

David Haz1 个月前

🫡

Maarten 的头像

Maarten1 个月前

Damnnnnnn you cooked on this one bro. Thanks ⚡️

David Haz 的头像

David Haz1 个月前

Thanks a lot man. Hope you enjoy everything new!

Maarten 的头像

Maarten1 个月前

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 Haz 的头像

David Haz1 个月前

That's what I like to hear! :D

Edoardo Lunardi 的头像

Edoardo Lunardi1 个月前

@ggsimm LFG

David Haz 的头像

David Haz1 个月前

@ggsimm 🫡🫡🫡

Iván Olivares Rojas 的头像

Iván Olivares Rojas1 个月前

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

RK👑 的头像

RK👑1 个月前

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 Nakrani 的头像

Rakesh S Nakrani1 个月前

superb!

David Haz 的头像

David Haz1 个月前

Thank you!

Zayn 的头像

Zayn1 个月前

pretty interesting

David Haz 的头像

David Haz1 个月前

🫡

Zayn 的头像

Zayn1 个月前

can you please check your dms Brodie

Julio Reyes 🇵🇾 的头像

Julio Reyes 🇵🇾1 个月前

🔥🔥🔥

0xA 的头像

0xA1 个月前

Wow what the fuck Great work

David Haz 的头像

David Haz1 个月前

Told you it was 100x Hope you enjoy it!

0xA 的头像

0xA1 个月前

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

Saurabh 的头像

Saurabh1 个月前

damnn 300 ui blocks 🫡🔥

henriqueamsm 的头像

henriqueamsm1 个月前

Free?

Krishna Singh 的头像

Krishna Singh1 个月前

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

Zayn 的头像

Zayn1 个月前

mind if i send you some donations?

相关视频

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 次观看 • 2 个月前

🚀 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 次观看 • 7 个月前

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 次观看 • 8 天前

📢 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 次观看 • 8 个月前

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 次观看 • 8 天前

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 次观看 • 3 个月前

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 次观看 • 7 个月前

💬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 次观看 • 1 年前

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 次观看 • 6 个月前

🚀 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 次观看 • 2 个月前

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 次观看 • 1 年前

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 次观看 • 4 天前

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 次观看 • 2 个月前

🚀 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 次观看 • 1 年前

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 次观看 • 9 个月前

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 次观看 • 3 年前

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 次观看 • 11 个月前

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 次观看 • 13 天前

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 次观看 • 1 年前