Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 5 gün önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

8 Yorum

Sahil Pandavadara profil fotoğrafı
Sahil Pandavadara5 gün önce

I guess you forgot the most important one,

Preet Suthar profil fotoğrafı
Preet Suthar5 gün önce

you missed :)

Richard Thermo profil fotoğrafı
Richard Thermo5 gün önce

+1 for @reui_io

Yohaku profil fotoğrafı
Yohaku5 gün önce

thanks a lot my friend

Houdayfa profil fotoğrafı
Houdayfa5 gün önce

🫶🫶

NextUI profil fotoğrafı
NextUI5 gün önce

and

Sono profil fotoğrafı
Sono5 gün önce

✅

TerryZ profil fotoğrafı
TerryZ5 gün önce

可惜 vue 生态不支持

Benzer Videolar

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 görüntüleme • 21 gün önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 10 gün önce

- 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 görüntüleme • 1 ay önce

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 görüntüleme • 14 gün önce

- 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 görüntüleme • 27 gün önce

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 görüntüleme • 1 ay önce

- 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 görüntüleme • 2 ay önce

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 görüntüleme • 11 ay önce

Rebuilding the Origin UI components with Base UI
0:28

Rebuilding the Origin UI components with Base UI

Pasquale Vitiello

20,723 görüntüleme • 9 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 3 yıl önce

- 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 görüntüleme • 1 ay önce

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 görüntüleme • 9 ay önce

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

44,389 görüntüleme • 6 gün önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 1 yıl önce