Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

HeyDetya's profile picture

Hey Detya

5,320 subscribers

46,564 görüntüleme • 2 gün önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

UI/UX Designers, here are some of the best DESIGN. md resources for AI coding you should bookmark: Styles → Design Systems → UI Components → Web Design → Design. md → Design Resources → Open Design → Design. md → What did I miss? ⬇️
0:20

UI/UX Designers, here are some of the best DESIGN. md resources for AI coding you should bookmark: Styles → Design Systems → UI Components → Web Design → Design. md → Design Resources → Open Design → Design. md → What did I miss? ⬇️

Abraham John 🦄🦓

52,681 görüntüleme • 18 gün önce

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?
0:16

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

95,343 görüntüleme • 1 ay önce

UI/UX Designers, this might be one of the best free resources for exploring world-class design systems. Design Systems Surf is a massive curated collection of design systems featuring visual styles, UI components, patterns, and references from some of the best product teams in the industry. Can’t believe this resource is free. Bookmark it for later 💜
0:14

UI/UX Designers, this might be one of the best free resources for exploring world-class design systems. Design Systems Surf is a massive curated collection of design systems featuring visual styles, UI components, patterns, and references from some of the best product teams in the industry. Can’t believe this resource is free. Bookmark it for later 💜

Abraham John 🦄🦓

86,466 görüntüleme • 4 ay önce

Stop hunting for the perfect tool. Build it! Found an open-source kit and UI library for making your own AI design apps. by Alex Barashkov
0:11

Stop hunting for the perfect tool. Build it! Found an open-source kit and UI library for making your own AI design apps. by Alex Barashkov

Tran Mau Tri Tam ✪

59,693 görüntüleme • 2 ay ö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,630 görüntüleme • 3 ay önce

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

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.

Manish Kumar

23,131 görüntüleme • 1 ay önce

Building a mobile app ui SHOULD be this easy. 1. Design in Figma 2. Open ExpressionUI plugin 3. Export the render data (not code) Display your UI in Flutter, React-Native, SwiftUI, or Kotlin. No generated code for you to maintain or edit. Expression UI plugin in progress Built with Flutter using Stacked 👀 #buildinpublic
0:19

Building a mobile app ui SHOULD be this easy. 1. Design in Figma 2. Open ExpressionUI plugin 3. Export the render data (not code) Display your UI in Flutter, React-Native, SwiftUI, or Kotlin. No generated code for you to maintain or edit. Expression UI plugin in progress Built with Flutter using Stacked 👀 #buildinpublic

Dane Mackier

14,317 görüntüleme • 2 yıl önce

I gave the new Meta Muse Spark model a bunch of assorted assets and it was able to carefully extract them and place it into a functioning app. I've never seen something with a clear intuition for design and product-first thinking. This is the first AI that *gets* UI design.
0:12

I gave the new Meta Muse Spark model a bunch of assorted assets and it was able to carefully extract them and place it into a functioning app. I've never seen something with a clear intuition for design and product-first thinking. This is the first AI that *gets* UI design.

Michael G

38,924 görüntüleme • 5 ay önce

I built this landing page inside Lovable in UNDER 15 minutes. Here’s the workflow: • Dribbble for design inspiration • Use SnapPrompt GPT for the prompt • 21st dev for UI components If you want the FULL video on my EXACT workflow, comment “LOVABLE” and I’ll send it to you
0:15

I built this landing page inside Lovable in UNDER 15 minutes. Here’s the workflow: • Dribbble for design inspiration • Use SnapPrompt GPT for the prompt • 21st dev for UI components If you want the FULL video on my EXACT workflow, comment “LOVABLE” and I’ll send it to you

Prajwal Tomar

46,014 görüntüleme • 7 ay önce

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )
0:13

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )

Harshil Tomar

83,407 görüntüleme • 24 gün önce

Found some ridiculously good resources for background gradients & colors. Save this 👇 - 1,000+ ready-to-use gradient & AI backgrounds - create gradients, glass & grain backgrounds - advanced mesh gradient generator - grainy, smooth & animated gradients - simple CSS gradient generator - customizable 3D & animated gradient maker - build color ramps & accessible palettes - mesh gradient studio with tons of presets - generate customizable patterns for free - animated React backgrounds & UI blocks what else am I missing?
0:17

Found some ridiculously good resources for background gradients & colors. Save this 👇 - 1,000+ ready-to-use gradient & AI backgrounds - create gradients, glass & grain backgrounds - advanced mesh gradient generator - grainy, smooth & animated gradients - simple CSS gradient generator - customizable 3D & animated gradient maker - build color ramps & accessible palettes - mesh gradient studio with tons of presets - generate customizable patterns for free - animated React backgrounds & UI blocks what else am I missing?

Imran

60,519 görüntüleme • 1 ay önce

The Future of Work: Must-Have AI Tools 1. (Video generation) 2. (Video editing) 3. (Video maker) 4. (Research) 5. (Knowledge assistant) 6. (Text generation) 7. (Assistant) 8. (Research engine) 9. (Code writing) 10. (Workspace) 11. (Marketing) 12. (Graphic design) 13. (UI design) 14. (Art creation) 15. (AI clip maker) 🔁 Follow Pushpendra Tripathi for more time-saving AI tools and tips! 💡✨
0:10

The Future of Work: Must-Have AI Tools 1. (Video generation) 2. (Video editing) 3. (Video maker) 4. (Research) 5. (Knowledge assistant) 6. (Text generation) 7. (Assistant) 8. (Research engine) 9. (Code writing) 10. (Workspace) 11. (Marketing) 12. (Graphic design) 13. (UI design) 14. (Art creation) 15. (AI clip maker) 🔁 Follow Pushpendra Tripathi for more time-saving AI tools and tips! 💡✨

Pushpendra Tripathi

25,118 görüntüleme • 1 yıl önce

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.
0:11

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.

Simplifying AI

12,824 görüntüleme • 2 ay önce

Claude Fable 5 and Opus 5 are #1 when it comes to UI. GPT 5.6 Sol and Grok 4.6 don't come anywhere close to the design capabilities that Claude models have. Even though Fable 5 and Opus 5 are slow and expensive I keep finding myself reaching for them for design. This hero section was made with Fable 5 and Opus 5.
0:10

Claude Fable 5 and Opus 5 are #1 when it comes to UI. GPT 5.6 Sol and Grok 4.6 don't come anywhere close to the design capabilities that Claude models have. Even though Fable 5 and Opus 5 are slow and expensive I keep finding myself reaching for them for design. This hero section was made with Fable 5 and Opus 5.

BridgeMind

58,743 görüntüleme • 1 ay önce

Figma’s new grid layout is sweet. Finally easy to build responsive modular grids fast. Then dropped it into Lovable to vibe code -built the UI, animations, backend and everything for a AI Prompt Library that I'm sharing with my class. Come learn with me in my 4-week AI Workshop. Learn more below, registrations open for the next 7 days. All images and assets were created in Midjourney, FloraAI and ChatGPT.
0:11

Figma’s new grid layout is sweet. Finally easy to build responsive modular grids fast. Then dropped it into Lovable to vibe code -built the UI, animations, backend and everything for a AI Prompt Library that I'm sharing with my class. Come learn with me in my 4-week AI Workshop. Learn more below, registrations open for the next 7 days. All images and assets were created in Midjourney, FloraAI and ChatGPT.

Nguyen Le

73,820 görüntüleme • 1 yıl önce

I CREATED A PRODUCT WITH A MORE HUMAN DESIGN USING Envato #envatochallenge Contra. Instead of relying only on AI, I stepped outside to find inspiration in the real world. I explored different places, captured my own photographs, studied colours, textures, shapes, and details, then combined those real-life elements into a single product design. AI can generate images, but it can't replace the experience of discovering inspiration with your own eyes. Every photo I took became a piece of the final creation, making the product feel authentic, personal, and impossible to recreate through prompts alone. Envato Tools i used for creating this product: Gen Ai - ImageGen - ImageEdit - VideoGen - MusicGen - Mockup Gen Stock - Photo - Videos - Video templates - Luts - Music - Sound Effects - Fonts #HumanByDesign #CreativeProcess #Design #AI
0:09

I CREATED A PRODUCT WITH A MORE HUMAN DESIGN USING Envato #envatochallenge Contra. Instead of relying only on AI, I stepped outside to find inspiration in the real world. I explored different places, captured my own photographs, studied colours, textures, shapes, and details, then combined those real-life elements into a single product design. AI can generate images, but it can't replace the experience of discovering inspiration with your own eyes. Every photo I took became a piece of the final creation, making the product feel authentic, personal, and impossible to recreate through prompts alone. Envato Tools i used for creating this product: Gen Ai - ImageGen - ImageEdit - VideoGen - MusicGen - Mockup Gen Stock - Photo - Videos - Video templates - Luts - Music - Sound Effects - Fonts #HumanByDesign #CreativeProcess #Design #AI

Aymducking

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

I made some headless tools for your agents are little saas apps with no UI 1. URL Shortener 2. Pastebin 3. An email client (grab your handle now) 4. Self reminder (email yourself) 5. File sharing - upload and get a URL Sign up or host it yourself - its open source and runs on Cloudflare Developers
0:18

I made some headless tools for your agents are little saas apps with no UI 1. URL Shortener 2. Pastebin 3. An email client (grab your handle now) 4. Self reminder (email yourself) 5. File sharing - upload and get a URL Sign up or host it yourself - its open source and runs on Cloudflare Developers

Fayaz Ahmed

32,691 görüntüleme • 1 ay önce