Загрузка видео...

Не удалось загрузить видео

На главную

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,263 subscribers

42,450 просмотров • 8 дней назад •via X (Twitter)

Наука и технологииОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 8

Фото профиля Sahil Pandavadara
Sahil Pandavadara8 дней назад

I guess you forgot the most important one,

Фото профиля Preet Suthar
Preet Suthar8 дней назад

you missed :)

Фото профиля Richard Thermo
Richard Thermo8 дней назад

+1 for @reui_io

Фото профиля Yohaku
Yohaku8 дней назад

thanks a lot my friend

Фото профиля Houdayfa
Houdayfa8 дней назад

🫶🫶

Фото профиля NextUI
NextUI8 дней назад

and

Фото профиля Sono
Sono8 дней назад

✅

Фото профиля TerryZ
TerryZ8 дней назад

可惜 vue 生态不支持

Похожие видео

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,772 просмотров • 23 дней назад

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 просмотров • 1 месяц назад

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 просмотров • 13 дней назад

- 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 просмотров • 1 месяц назад

The UI components every AI builder needs 👀 120+ React components, screens and blocks built for AI products. Works with Claude Code, Cursor and more. Save this for your next project ↓
0:46

The UI components every AI builder needs 👀 120+ React components, screens and blocks built for AI products. Works with Claude Code, Cursor and more. Save this for your next project ↓

Nero

19,177 просмотров • 8 дней назад

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 просмотров • 17 дней назад

- 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 просмотров • 29 дней назад

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 просмотров • 1 месяц назад

- 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 просмотров • 2 месяцев назад

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 просмотров • 1 год назад

Rebuilding the Origin UI components with Base UI
0:28

Rebuilding the Origin UI components with Base UI

Pasquale Vitiello

20,723 просмотров • 9 месяцев назад

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 просмотров • 2 лет назад

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 просмотров • 8 месяцев назад

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 просмотров • 3 лет назад

- 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 просмотров • 1 месяц назад

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,432 просмотров • 9 месяцев назад

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

45,677 просмотров • 9 дней назад

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 просмотров • 1 месяц назад

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 просмотров • 5 месяцев назад

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 просмотров • 5 месяцев назад