Loading video...

Video Failed to Load

Go Home

Stop building every UI component from scratch. These 10 libraries will save you time. 1. — Copy ready React components. 2. — UI components and blocks. 3. — Animated React components. 4. — React UI components. 5. — Interactive UI and micro-interactions. 6. — Ready-made UI transitions. 7. —...

HoudayfaDesign's profile picture

Houdayfa

1,254 subscribers

41,290 views • 4 days ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

8 Comments

Sahil Pandavadara's profile picture
Sahil Pandavadara4 days ago

I guess you forgot the most important one,

Preet Suthar's profile picture
Preet Suthar4 days ago

you missed :)

Richard Thermo's profile picture
Richard Thermo4 days ago

+1 for @reui_io

Yohaku's profile picture
Yohaku4 days ago

thanks a lot my friend

Houdayfa's profile picture
Houdayfa4 days ago

🫶🫶

NextUI's profile picture
NextUI4 days ago

and

Sono's profile picture
Sono4 days ago

✅

TerryZ's profile picture
TerryZ4 days ago

可惜 vue 生态不支持

Related Videos

The best UI components, ready to use. — Beautiful UI components. — Modern UI components. — UI inspiration and components. — Customizable chart components. — Smooth UI animations — Animated React components. — Components for dashboards. Save this for your next project.🔖
0:23

The best UI components, ready to use. — Beautiful UI components. — Modern UI components. — UI inspiration and components. — Customizable chart components. — Smooth UI animations — Animated React components. — Components for dashboards. Save this for your next project.🔖

Nero

92,611 views • 19 days ago

The best UI components ready to use. Save this 👇 — Beautiful React components for adding polished interactions to your UI. — AI-native UI components that make complex interfaces feel effortless. — 153 spring-powered animations to bring your interfaces to life. — Animated React components ready to drop into your next project. — Smooth UI transitions built for modern interfaces. — A polished collection of UI patterns for modern products. — Animated charts that make your data look way more interesting. — Premium animated UI components for modern web apps. What Did I Miss?
0:46

The best UI components ready to use. Save this 👇 — Beautiful React components for adding polished interactions to your UI. — AI-native UI components that make complex interfaces feel effortless. — 153 spring-powered animations to bring your interfaces to life. — Animated React components ready to drop into your next project. — Smooth UI transitions built for modern interfaces. — A polished collection of UI patterns for modern products. — Animated charts that make your data look way more interesting. — Premium animated UI components for modern web apps. What Did I Miss?

Nero

61,962 views • 29 days ago

Need fresh design inspo? Start with these 9 resources👇 1. — Your daily design inspiration 2. — Landing page inspo 3. — Custom backgrounds 4. — App UI inspiration 5. — Animated React components 6. — Animated showreels 7. — Interactive UI components 8. — Minimal website inspiration 9. — Real product UI Save this list. You’ll need it🔖
0:56

Need fresh design inspo? Start with these 9 resources👇 1. — Your daily design inspiration 2. — Landing page inspo 3. — Custom backgrounds 4. — App UI inspiration 5. — Animated React components 6. — Animated showreels 7. — Interactive UI components 8. — Minimal website inspiration 9. — Real product UI Save this list. You’ll need it🔖

Nero

26,401 views • 9 days ago

- UI prompt library not just for vibe coders - fluid text transitions - AI-powered feedback platform - Animated React components - Animated rainbow glow components
0:37

- UI prompt library not just for vibe coders - fluid text transitions - AI-powered feedback platform - Animated React components - Animated rainbow glow components

Csaba Kissi

20,050 views • 1 month ago

Animate UI 2.0 is out 🎉 Animated primitives for Radix UI, Base UI and React Aria, built with Motion. Keep your shadcn/ui components. ✔ A CLI that animates them in one command ✔ An AI skill that animates anything (components, icons, interactions) and reviews your motion
0:41

Animate UI 2.0 is out 🎉 Animated primitives for Radix UI, Base UI and React Aria, built with Motion. Keep your shadcn/ui components. ✔ A CLI that animates them in one command ✔ An AI skill that animates anything (components, icons, interactions) and reviews your motion

Animate UI

57,203 views • 13 days ago

- 1170 Animated React icons - 111 free UI elements and 24 blocks - React frontend skills - Free animated React components - Free curated design inspiration
0:31

- 1170 Animated React icons - 111 free UI elements and 24 blocks - React frontend skills - Free animated React components - Free curated design inspiration

Csaba Kissi

13,906 views • 25 days 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
0:45

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

72,716 views • 1 month ago

- Curated directory of tools for vibe coders - 600+ free, open-source UI components - Animation library for web - Open-source analytics - Animated React components for ShadCN
0:41

- Curated directory of tools for vibe coders - 600+ free, open-source UI components - Animation library for web - Open-source analytics - Animated React components for ShadCN

Csaba Kissi

28,864 views • 2 months ago

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once 🚀 No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done ✨
0:26

If you use Next.js + @shadcn/ui, you know the pain of importing components one by one. As a lazy dev, I built a VS Code extension to import multiple components at once 🚀 No more: import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card } from "@/components/ui/card" Just select what you need, done ✨

Suraj Jha

48,373 views • 11 months ago

Rebuilding the Origin UI components with Base UI
0:28

Rebuilding the Origin UI components with Base UI

Pasquale Vitiello

20,723 views • 9 months ago

Auth0 Lab: UI Components 🚀 - We're excited to share that we've open-sourced our latest experiment on UI components!
0:35

Auth0 Lab: UI Components 🚀 - We're excited to share that we've open-sourced our latest experiment on UI components!

Auth0 Lab

16,450 views • 2 years ago

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨
0:58

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Pablo

19,505 views • 8 months ago

launching openv0 ✨ generative UI components • open-source equivalent of vercel • AI generated, plug-and-play, react + tailwind + shadcn components + lucide icons $ npx openv0
1:25

launching openv0 ✨ generative UI components • open-source equivalent of vercel • AI generated, plug-and-play, react + tailwind + shadcn components + lucide icons $ npx openv0

cofounder, we have a problem

174,682 views • 3 years ago

- 79 UI styles and 192 color palettes for coding agents - 392 shadcn registries searchable via MCP for coding agents - 184 React components, templates with shadcn cli and mcp - 100 free open-source animated React components - curated web design inspiration
0:59

- 79 UI styles and 192 color palettes for coding agents - 392 shadcn registries searchable via MCP for coding agents - 184 React components, templates with shadcn cli and mcp - 100 free open-source animated React components - curated web design inspiration

Csaba Kissi

14,124 views • 1 month ago

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.
0:30

UI/UX Designers, I just found a FREE Figma component library that’s a game-changer for speeding up your workflow. This library lets you easily copy and paste high-quality UI components, perfect for building clean, consistent designs without starting from scratch. Whether you’re working on a new project or refreshing an old one, this resource will save you hours. Like this post, repost, and comment “UI Components” to get the link.

Abraham John 🦄🦓

21,427 views • 9 months ago

Your AI designs look generic? I gotchu 👇 — Web, branding, motion & 3D inspiration — UI inspiration by category — UI components for AI coding agents — Generate editable UI from prompts — Customizable React design system — Interactive web sections & animations — UI animation inspiration — Ready-to-use backgrounds & gradients — Website design inspiration — Web, branding, motion & 3D inspiration — UI ideas for your next project — Website footer inspiration — Share your work with designers Save these before your next AI build. 🔖
0:31

Your AI designs look generic? I gotchu 👇 — Web, branding, motion & 3D inspiration — UI inspiration by category — UI components for AI coding agents — Generate editable UI from prompts — Customizable React design system — Interactive web sections & animations — UI animation inspiration — Ready-to-use backgrounds & gradients — Website design inspiration — Web, branding, motion & 3D inspiration — UI ideas for your next project — Website footer inspiration — Share your work with designers Save these before your next AI build. 🔖

Nero

43,166 views • 5 days ago

UI/UX Designers, I found a hidden gem of interactive UI components Bencho has a bunch of interactive components you can actually play around with, customize, and use in your own projects. Bookmark it for later 💜
0:50

UI/UX Designers, I found a hidden gem of interactive UI components Bencho has a bunch of interactive components you can actually play around with, customize, and use in your own projects. Bookmark it for later 💜

Abraham John 🦄🦓

11,003 views • 1 month ago

Industry standard workshop for building, documenting, and testing UI components in isolation.
0:25

Industry standard workshop for building, documenting, and testing UI components in isolation.

GitHub Projects Community

13,539 views • 5 months ago

Draggable Split layout built with Expo ✨ Polished UI + animations can make a UI feel dynamic and engaging. Source code: w/ React Native Components
0:31

Draggable Split layout built with Expo ✨ Polished UI + animations can make a UI feel dynamic and engaging. Source code: w/ React Native Components

Erencan Arica

17,655 views • 5 months 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. 👇
1:02

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

245,880 views • 1 year ago