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

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

На главную

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...

himanshubuildss's profile picture

Himanshu Hingorani

4,056 subscribers

73,323 просмотров • 1 месяц назад •via X (Twitter)

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

Anya Rossi• Live Now

Private livecam show

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

Фото профиля Himanshu Hingorani
Himanshu Hingorani1 месяц назад

The components in the video are all from #1.

Фото профиля Col' ✦
Col' ✦1 месяц назад

*300 stolen components and AI bullshit, just want to clarify

Фото профиля Loukan ✪
Loukan ✪1 месяц назад

scrolltide is very impressive

Фото профиля Danang Estutomoaji
Danang Estutomoaji1 месяц назад

look at

Фото профиля SevenUI
SevenUI1 месяц назад

Solid roundup. Which resource do you reach for first when a project needs a distinctive interaction?

Фото профиля Ashik
Ashik1 месяц назад

solid list, bookmarked

Фото профиля Shengli
Shengli1 месяц назад

Wow, I really appreciate you putting this together.

Фото профиля Brjan | AI Builder
Brjan | AI Builder1 месяц назад

300+ animated components sound great, but it can be overwhelming to sift through that many

Фото профиля Jyoti
Jyoti1 месяц назад

This is a goldmine for anyone building modern UI. Definitely saving this for my next project!

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

Every serious vibe coder should have bookmarked it. 25 vibe coding resources to keep yourself ahead of the competition. 1. - 600+ award-winning prompts + full source code for 3D and scroll-driven websites. - 100+ 3D scenes, 200+ interactive gradients, 200+ UI components. - Copy the prompt, paste into Claude, Cursor or Lovable, launch live. 2. Minimal Gallery ( - curated high-end sites to feed your agent 3. Godly ( - hand-picked sites with serious craft 4. Refero Styles ( - 2,000+ real product styles with typography 5. Component Gallery ( - 2,600+ examples of how top design systems solve the same element 6. Mobbin ( - real app flows from real products 7. DESIGNmd ( - design systems as markdown your agent can read 8. VibePrompt ( - ready-made prompts for dashboards and landing pages 9. ( - component registry that plugs into agents via MCP 10. Kinetics ( - 150+ motion effects with React code and prompts 11. shadcn/ui ( - still the gold standard for clean, reusable UI 12. Aceternity UI ( - 200+ animated React/Tailwind components 13. Magic UI ( - beautifully designed components for modern web apps 14. Motion Primitives ( - ready-to-use animation and interaction components 15. Uiverse ( - community-built UI elements and interactive components 16. Shadcnblocks ( - full blocks, not just buttons 17. mapcn ( - map components, markers, routes, popups 18. Awwwards ( - the sites that actually won 19. Liquid Glass ( - glass refraction components and effects 20. CSS Text Effects ( - creative CSS text animations and effects 21. Circle Loaders ( - creative loading animations and loaders 22. Gradient Buttons ( - gradient button styles and effects 23. Shadertoy ( - shaders to study and remix 24. 3Dicons ( - a library of free 3D icons for modern interfaces 25. Anime.js ( - lightweight JavaScript animation library for the web If you're building with AI, this list will save you hours. Save it. 🔖
0:21

Every serious vibe coder should have bookmarked it. 25 vibe coding resources to keep yourself ahead of the competition. 1. - 600+ award-winning prompts + full source code for 3D and scroll-driven websites. - 100+ 3D scenes, 200+ interactive gradients, 200+ UI components. - Copy the prompt, paste into Claude, Cursor or Lovable, launch live. 2. Minimal Gallery ( - curated high-end sites to feed your agent 3. Godly ( - hand-picked sites with serious craft 4. Refero Styles ( - 2,000+ real product styles with typography 5. Component Gallery ( - 2,600+ examples of how top design systems solve the same element 6. Mobbin ( - real app flows from real products 7. DESIGNmd ( - design systems as markdown your agent can read 8. VibePrompt ( - ready-made prompts for dashboards and landing pages 9. ( - component registry that plugs into agents via MCP 10. Kinetics ( - 150+ motion effects with React code and prompts 11. shadcn/ui ( - still the gold standard for clean, reusable UI 12. Aceternity UI ( - 200+ animated React/Tailwind components 13. Magic UI ( - beautifully designed components for modern web apps 14. Motion Primitives ( - ready-to-use animation and interaction components 15. Uiverse ( - community-built UI elements and interactive components 16. Shadcnblocks ( - full blocks, not just buttons 17. mapcn ( - map components, markers, routes, popups 18. Awwwards ( - the sites that actually won 19. Liquid Glass ( - glass refraction components and effects 20. CSS Text Effects ( - creative CSS text animations and effects 21. Circle Loaders ( - creative loading animations and loaders 22. Gradient Buttons ( - gradient button styles and effects 23. Shadertoy ( - shaders to study and remix 24. 3Dicons ( - a library of free 3D icons for modern interfaces 25. Anime.js ( - lightweight JavaScript animation library for the web If you're building with AI, this list will save you hours. Save it. 🔖

Himanshu Hingorani

26,043 просмотров • 1 месяц назад

I've tested every vibe coding resource I could find this year. These are the 28 I actually kept, grouped by what you're stuck on. Bookmark this one 🔖 🧵👇 1. - 200+full build prompts for 3D and scroll-driven sites, each one a complete design brief rather than a component you drop in. 2. Minimal Gallery ( — curated high-end sites to feed your agent 3. Kage ( — real UI inspiration mapped straight to prompts 4. Refero Styles ( — 2,000+ real product styles with typography 5. Component Gallery ( — 2,600+ examples of how top design systems solve the same element 6. AppShot Gallery ( — real app screenshots for mobile 7. Navbar Gallery ( 8. Footer Design ( 9. CTA Gallery ( — conversion-tested forms, popups, buttons 10. 404s ( 11. DESIGNmd ( — design systems as markdown your agent can read 12 VibePrompt ( — ready-made prompts for dashboards and landing pages 13. — component registry that plugs into agents via MCP 14. Kinetics ( — 150+ motion effects with React code and prompts 15. shadcn/ui ( — still the gold standard 16. Aceternity UI ( — 200+ animated React/Tailwind 17. Magic UI ( 18. Motion Primitives ( 19. Uiverse ( 20. UIAble ( 21. mapcn ( — map components, markers, routes, popups 22. MicroKit UI ( — micro-interactions 23. Liquid Glass ( — glass refraction components 24. CSS Text Effects ( 25. Circle Loaders ( 26. Gradient Buttons ( 27. Kitbitz ( — 2,000+ hand-drawn illustrations 28. 3Dicons ( 29. Anime.js (
0:40

I've tested every vibe coding resource I could find this year. These are the 28 I actually kept, grouped by what you're stuck on. Bookmark this one 🔖 🧵👇 1. - 200+full build prompts for 3D and scroll-driven sites, each one a complete design brief rather than a component you drop in. 2. Minimal Gallery ( — curated high-end sites to feed your agent 3. Kage ( — real UI inspiration mapped straight to prompts 4. Refero Styles ( — 2,000+ real product styles with typography 5. Component Gallery ( — 2,600+ examples of how top design systems solve the same element 6. AppShot Gallery ( — real app screenshots for mobile 7. Navbar Gallery ( 8. Footer Design ( 9. CTA Gallery ( — conversion-tested forms, popups, buttons 10. 404s ( 11. DESIGNmd ( — design systems as markdown your agent can read 12 VibePrompt ( — ready-made prompts for dashboards and landing pages 13. — component registry that plugs into agents via MCP 14. Kinetics ( — 150+ motion effects with React code and prompts 15. shadcn/ui ( — still the gold standard 16. Aceternity UI ( — 200+ animated React/Tailwind 17. Magic UI ( 18. Motion Primitives ( 19. Uiverse ( 20. UIAble ( 21. mapcn ( — map components, markers, routes, popups 22. MicroKit UI ( — micro-interactions 23. Liquid Glass ( — glass refraction components 24. CSS Text Effects ( 25. Circle Loaders ( 26. Gradient Buttons ( 27. Kitbitz ( — 2,000+ hand-drawn illustrations 28. 3Dicons ( 29. Anime.js (

Himanshu Hingorani

592,820 просмотров • 1 месяц назад

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. — Playful, physics-driven components. 8. — Animated UI components. 9. — Retro 8-bit UI components. 10. — Chart components for dashboards. Save this for your next project 🔖
0:20

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. — Playful, physics-driven components. 8. — Animated UI components. 9. — Retro 8-bit UI components. 10. — Chart components for dashboards. Save this for your next project 🔖

Houdayfa

43,418 просмотров • 18 дней назад

- 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 месяцев назад

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

It's over. AI is generating insane 3D websites, animations & UI from just a prompt. Web design will never be the same 🤯 10 wild places to see it: 1. - 600+ award-winning prompts with full source code for 3D and scroll-driven sites. Copy, paste into Claude, Cursor or Lovable, launch live. Edit it until it's yours. 2. - the sites that actually won 3. - hand-picked sites with serious craft 4. - UI motion done right 5. - copy-paste components from the community 6. - animated components, big visual impact 7. - animated components for landing pages 8. - the engine behind most 3D on the web 9. - shader experiments that look unreal 10. - idea to working app Save this 🔖 you'll need it before your next project.
0:37

It's over. AI is generating insane 3D websites, animations & UI from just a prompt. Web design will never be the same 🤯 10 wild places to see it: 1. - 600+ award-winning prompts with full source code for 3D and scroll-driven sites. Copy, paste into Claude, Cursor or Lovable, launch live. Edit it until it's yours. 2. - the sites that actually won 3. - hand-picked sites with serious craft 4. - UI motion done right 5. - copy-paste components from the community 6. - animated components, big visual impact 7. - animated components for landing pages 8. - the engine behind most 3D on the web 9. - shader experiments that look unreal 10. - idea to working app Save this 🔖 you'll need it before your next project.

Himanshu Hingorani

130,304 просмотров • 28 дней назад

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

246,210 просмотров • 1 год назад

Open-source and free apps for coders - 5000+ Open-source SVG icons - Open-source CSS animated buttons - 60 components, 2,671 examples. - Free motion effects - Open-source modern UI components
0:37

Open-source and free apps for coders - 5000+ Open-source SVG icons - Open-source CSS animated buttons - 60 components, 2,671 examples. - Free motion effects - Open-source modern UI components

Csaba Kissi

64,699 просмотров • 4 месяцев назад

The best UI components ready to use, save this 👇 Beautiful UI components for modern products. Ready-to-use React components. Animated React components. Free animated components. UI transitions and animations. Distinctive UI components. Animated React components ready to use. 153 spring-powered animations for your UI. UI components and building blocks. What did I miss?
0:23

The best UI components ready to use, save this 👇 Beautiful UI components for modern products. Ready-to-use React components. Animated React components. Free animated components. UI transitions and animations. Distinctive UI components. Animated React components ready to use. 153 spring-powered animations for your UI. UI components and building blocks. What did I miss?

Nero

27,133 просмотров • 15 дней назад

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

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.
0:25

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

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

94,551 просмотров • 1 месяц назад

✨ Introducing Glassy UI 🫧 A UI library of liquid glass components for React and React Native. Built using React, Tailwind CSS and shadcn, with Expo for native. 100% Free and Open Source RT and I'll send you a bunch of templates once they're done 👀
0:44

✨ Introducing Glassy UI 🫧 A UI library of liquid glass components for React and React Native. Built using React, Tailwind CSS and shadcn, with Expo for native. 100% Free and Open Source RT and I'll send you a bunch of templates once they're done 👀

Alex

53,611 просмотров • 25 дней назад

- 100+ open-source components built with React - 153 motion effects with CSS and React code - customizable map components for React - Your AI usage in your Mac menu bar - Agents that use the browser
0:41

- 100+ open-source components built with React - 153 motion effects with CSS and React code - customizable map components for React - Your AI usage in your Mac menu bar - Agents that use the browser

Csaba Kissi

18,399 просмотров • 2 месяцев назад

Open-source and free apps for coders - 7000+ free SVG icons - Open-source collection of CSS cursors - Turns your Chrome into stable commands for the AI agents - Free design inspiration from top sites - Open-source animated UI Components for React
0:47

Open-source and free apps for coders - 7000+ free SVG icons - Open-source collection of CSS cursors - Turns your Chrome into stable commands for the AI agents - Free design inspiration from top sites - Open-source animated UI Components for React

Csaba Kissi

24,706 просмотров • 4 месяцев назад

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

62,464 просмотров • 1 месяц назад

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
2:02

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 ☄️

277,317 просмотров • 2 месяцев назад

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 лет назад

Tools every design engineer should know, save this. — Beautiful UI components. — A curated collection of inspiring designs. — Beautiful React components. — High-quality free fonts. — Create interactive 3D designs. — Stunning interactive web effects. — Design and build websites visually. — Expressive web animations. Bookmark these. You'll thank yourself later. 🔖
0:35

Tools every design engineer should know, save this. — Beautiful UI components. — A curated collection of inspiring designs. — Beautiful React components. — High-quality free fonts. — Create interactive 3D designs. — Stunning interactive web effects. — Design and build websites visually. — Expressive web animations. Bookmark these. You'll thank yourself later. 🔖

Nero

15,481 просмотров • 1 месяц назад

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.
0:29

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

shadcn

667,741 просмотров • 3 лет назад