Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

If you design or vibe code, save this list. - Kokonut UI; animated React components - Motion Sites; website and animation inspiration - Motion .dev; web animation - Anime .js; JavaScript animation - Particles Casberry; interactive particles and WebGL effects Useful for both design and build.

Manixh02's profile picture

Manish Kumar

8,425 subscribers

24,097 görüntüleme • 1 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

The best UI components ready to use, save this 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?
0:19

The best UI components ready to use, save this 👇 — Interactive UI effects & animations — Smooth transitions and micro-interactions — 170+ customizable React components — Animated components with beautiful motion — Clean, accessible React components Interactive components with polished animations Fluid motion powered by physics — 1,000+ AI-ready UI components — Stunning components for AI products What Did I Miss?

Nero

47,719 görüntüleme • 1 ay önce

Useful sites for designers you probably haven't seen. Save this 👇 - - live, tweakable UI blocks - - invite-only designer community - - 800+ real sites for your coding agent - - AI prompts for animated websites - - motion-first React components - - one-file UI kit for AI products - - apps & tools built by designers - - web, UI, app icon & OG inspiration - - turn screenshots into showreels What am I missing?
0:19

Useful sites for designers you probably haven't seen. Save this 👇 - - live, tweakable UI blocks - - invite-only designer community - - 800+ real sites for your coding agent - - AI prompts for animated websites - - motion-first React components - - one-file UI kit for AI products - - apps & tools built by designers - - web, UI, app icon & OG inspiration - - turn screenshots into showreels What am I missing?

Tran Mau Tri Tam ✪

30,480 görüntüleme • 1 ay önce

Best sites I found for inspiration if you build or design mobile apps. Inspiration → Motion → AB Tests → Breakdowns → Would you add any other? 🧐
0:15

Best sites I found for inspiration if you build or design mobile apps. Inspiration → Motion → AB Tests → Breakdowns → Would you add any other? 🧐

Jorge Castillo

20,388 görüntüleme • 8 ay önce

15 resources your AI workflow is missing 👀 1. — 100+ free website templates 2. — Motion design sections 3. — 170+ visual techniques 4. — Premium Figma designs 5. — 900+ curated icons 6. — Animated website prompts 7. — Website inspiration 8. — High-end web design 9. — Landing page inspiration 10. — Footer ideas 11. — Mobile UI animations 12. — CTA inspiration 13. — Animated gradients 14. — Background assets 15. — Design, together Save this before your next build 🔖
0:11

15 resources your AI workflow is missing 👀 1. — 100+ free website templates 2. — Motion design sections 3. — 170+ visual techniques 4. — Premium Figma designs 5. — 900+ curated icons 6. — Animated website prompts 7. — Website inspiration 8. — High-end web design 9. — Landing page inspiration 10. — Footer ideas 11. — Mobile UI animations 12. — CTA inspiration 13. — Animated gradients 14. — Background assets 15. — Design, together Save this before your next build 🔖

Vullnet Ademaj

54,797 görüntüleme • 7 gün önce

I stopped collecting random inspo. These are the only UI + vibecoding resources I keep opening. 1. EvilCharts — animated React charts for dashboards 2. Rewamp UI — free open-source components, blocks, and landing pages 3. Refero — real product UI patterns and screens for reference 4. Bencho — AI product UI components for faster builds 5. Inspora — design inspiration for modern product UI 6. Neuform — design-to-code resources for AI UI work 7. Open Design — DESIGN.md resources so AI builds with clearer UI rules Save this before your next build 👀
0:19

I stopped collecting random inspo. These are the only UI + vibecoding resources I keep opening. 1. EvilCharts — animated React charts for dashboards 2. Rewamp UI — free open-source components, blocks, and landing pages 3. Refero — real product UI patterns and screens for reference 4. Bencho — AI product UI components for faster builds 5. Inspora — design inspiration for modern product UI 6. Neuform — design-to-code resources for AI UI work 7. Open Design — DESIGN.md resources so AI builds with clearer UI rules Save this before your next build 👀

Hey Detya

51,771 görüntüleme • 28 gün önce

Found a website with 2,000+ hand-picked tools and resources for designers. It has everything from design inspiration, UI resources, mockups, icons, AI tools, no-code tools, design systems, productivity tools, and more. Really useful when you don’t want to waste hours searching across different sites. Save it for later
0:15

Found a website with 2,000+ hand-picked tools and resources for designers. It has everything from design inspiration, UI resources, mockups, icons, AI tools, no-code tools, design systems, productivity tools, and more. Really useful when you don’t want to waste hours searching across different sites. Save it for later

𝐍𝐨𝐚𝐡

16,715 görüntüleme • 4 ay önce

5 cool sites for web developers. - Open source TypeScript AI Agents - Full-stack hosting for PHP, JavaScript, Python, Go... - Convert files to any format & API - Easy to use API client - Design and animation to code
0:12

5 cool sites for web developers. - Open source TypeScript AI Agents - Full-stack hosting for PHP, JavaScript, Python, Go... - Convert files to any format & API - Easy to use API client - Design and animation to code

WebDeveloperMentor

60,590 görüntüleme • 9 ay önce

If you use AI, this is what you need 1. — Better and cheaper than lovable 2. — Motion design inspiration 3. — Landing page references 4. — Premium Figma designs 5. — App & web icons 6. — Fonts behind iconic logos 7. — Design community 8. — Award-winning websites 9. — Mobile UI animations 10. — Footer inspiration save this for later
0:12

If you use AI, this is what you need 1. — Better and cheaper than lovable 2. — Motion design inspiration 3. — Landing page references 4. — Premium Figma designs 5. — App & web icons 6. — Fonts behind iconic logos 7. — Design community 8. — Award-winning websites 9. — Mobile UI animations 10. — Footer inspiration save this for later

Bardhyl Bytyqi

51,689 görüntüleme • 7 gün önce

We're building After Effects for the web. Vector animation that goes from design to production, built on Lottie, the industry-standard for product animation. Describe what you want and Motion Copilot animates it, or generate Lottie straight from Codex/Claude with our MCP. All in the browser. This is Lottie Creator 2.0. The biggest update we've ever shipped.
0:10

We're building After Effects for the web. Vector animation that goes from design to production, built on Lottie, the industry-standard for product animation. Describe what you want and Motion Copilot animates it, or generate Lottie straight from Codex/Claude with our MCP. All in the browser. This is Lottie Creator 2.0. The biggest update we've ever shipped.

Nattu

20,973 görüntüleme • 3 ay önce

5 Sites Every Web Developer Needs to Know - Learn React by doing projects - Claude code alternative - Full-stack hosting for Python, JavaScript, PHP, Go... - Free Tailwind CSS components – Visual CSS animation generator
0:11

5 Sites Every Web Developer Needs to Know - Learn React by doing projects - Claude code alternative - Full-stack hosting for Python, JavaScript, PHP, Go... - Free Tailwind CSS components – Visual CSS animation generator

Csaba Kissi

24,789 görüntüleme • 1 yıl önce

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.
0:17

✨ Introducing Magic UI 🪄 A UI library of animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.

Dillion

325,302 görüntüleme • 2 yıl önce

Hailuo MiniMax (official) MiniMax Design (H3) H3 A prototype motion-graphics landing page for ice cream, built to test just how far H3 can push UI animation, typography, transitions, hover interactions, and product motion. I tried creating similar effects manually in Adobe After Effects but this version is 100% generated with H3. The model handles these complex motion-design elements incredibly well, and the results are STUNNING - Animated Shape Layers - Kinetic Typography - Cursor Hover Update - Bounce Effects - Wiggle Effects - Live Background - Micro Text Renders - Ease in Ease out Keyframes Prompt Below
0:15

Hailuo MiniMax (official) MiniMax Design (H3) H3 A prototype motion-graphics landing page for ice cream, built to test just how far H3 can push UI animation, typography, transitions, hover interactions, and product motion. I tried creating similar effects manually in Adobe After Effects but this version is 100% generated with H3. The model handles these complex motion-design elements incredibly well, and the results are STUNNING - Animated Shape Layers - Kinetic Typography - Cursor Hover Update - Bounce Effects - Wiggle Effects - Live Background - Micro Text Renders - Ease in Ease out Keyframes Prompt Below

Shams

35,225 görüntüleme • 2 ay önce

Expand card and repel animation 🔨: react, motion, tailwind
0:13

Expand card and repel animation 🔨: react, motion, tailwind

p4n

12,864 görüntüleme • 9 ay önce

Experimented with a conceptual 3D web app combining biology, particles, morphing animation with info panels and annotated anatomy. Live demo and open source code ↓
0:15

Experimented with a conceptual 3D web app combining biology, particles, morphing animation with info panels and annotated anatomy. Live demo and open source code ↓

Techartist

13,865 görüntüleme • 3 ay önce

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code
0:15

Pro tip for Vibe Coding: just knowing the "terms" behind UI components can 100x your frontend results This website shows you ALL the typical UI components found on websites with examples and inspiration Learn it, screenshot it, and vibe code

Melvyn • Builder

160,836 görüntüleme • 7 ay önce

Game animation is design in motion. Another week, another No Rest for the Wicked animation. A Dragon fly kick designed to evade and attack in one move. Great combat isn’t just about cool motion, it’s about layered mechanics. #GameDev #Animation #combat
0:12

Game animation is design in motion. Another week, another No Rest for the Wicked animation. A Dragon fly kick designed to evade and attack in one move. Great combat isn’t just about cool motion, it’s about layered mechanics. #GameDev #Animation #combat

Arthur Munoz

46,091 görüntüleme • 8 ay önce

Paradox Live Ending Production: nim Direction/3D Design/Motion Design/Edit/Post Effects: Nate Art Direction/Graphic Design: Kaoru Miyazaki Paradox Live THE ANIMATION（パラアニ）公式 #パラライ
0:19

Paradox Live Ending Production: nim Direction/3D Design/Motion Design/Edit/Post Effects: Nate Art Direction/Graphic Design: Kaoru Miyazaki Paradox Live THE ANIMATION（パラアニ）公式 #パラライ

nim

214,445 görüntüleme • 3 yıl önce

A few selects of Animation / Motion Design work for Moon back when I was working on the channel Made in After Effects
0:15

A few selects of Animation / Motion Design work for Moon back when I was working on the channel Made in After Effects

Erv

15,283 görüntüleme • 2 yıl önce

if you build animated interfaces for the web, this is essential reading a clear, practical look at the main thread and the real cost of animation in javascript and css the difference isn't just measurable, it's something you feel ↓ 🔗
0:15

if you build animated interfaces for the web, this is essential reading a clear, practical look at the main thread and the real cost of animation in javascript and css the difference isn't just measurable, it's something you feel ↓ 🔗

jhey ʕ•ᴥ•ʔ

46,709 görüntüleme • 1 ay önce

Exito 3D website full scroll animation web design ⬇️ The design of this site was done for a 1 month subscription
0:18

Exito 3D website full scroll animation web design ⬇️ The design of this site was done for a 1 month subscription

Alex Bender

24,229 görüntüleme • 2 yıl önce