正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

24,847 subscribers

160,071 次观看 • 4 个月前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

UI/UX Designers and Developers I found this cool inspiration site today you can bookmark it for later. Website →

UI/UX Designers and Developers I found this cool inspiration site today you can bookmark it for later. Website →

Abraham John 🦄🦓

27,845 次观看 • 2 年前

You can now map multiple code files to Figma components in the Code Connect UI

You can now map multiple code files to Figma components in the Code Connect UI

Figma

76,061 次观看 • 4 个月前

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵

This is how frontend should be built in 2025. With 21stdev Magic UI MCP + Cline, describe what you need and get beautiful components instantly. It taps into a curated library of professional UI elements at conversation speed. Here's how you can use it 🧵

Cline

110,058 次观看 • 1 年前

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!

David Duong

38,445 次观看 • 1 年前

You can now vibe code 3D websites and mobile apps with this AI. It lets you build fully functional apps, hit games, and even interactive sites. 5 powerful examples + how to try 👇: 1. Robotic interactive website

You can now vibe code 3D websites and mobile apps with this AI. It lets you build fully functional apps, hit games, and even interactive sites. 5 powerful examples + how to try 👇: 1. Robotic interactive website

Alvaro Cintas

69,972 次观看 • 11 个月前

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →

Abraham John 🦄🦓

36,275 次观看 • 2 年前

Here is an awesome shadcn alternative Coss UI (previously Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offers

Here is an awesome shadcn alternative Coss UI (previously Origin UI) by coss.com. beautiful, slick, accessible React components, built on Base UI, and maintained by top frontend engineers like Colm Tuite Still, if you want to stick with Radix UI, nothing really matches what shadcn offers

Ali Bey

18,613 次观看 • 8 个月前

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇

I've started using Base UI for Hypermode's new UI components and I'm absolutely loving it. The component API's are excellent, and the DX in pairing it up with Motion has been seamless. WIP of a new Hypermode dialog with form elements built on BaseUI 👇

Derek Briggs

14,903 次观看 • 1 年前

🚨 I just built a full Netflix clone on my phone. No code. No design. Just prompts. Rork’s vibe coding AI handled UI, backend, and database in minutes. This isn’t a demo. It’s a real app you can ship. 👇

🚨 I just built a full Netflix clone on my phone. No code. No design. Just prompts. Rork’s vibe coding AI handled UI, backend, and database in minutes. This isn’t a demo. It’s a real app you can ship. 👇

Shruti

65,355 次观看 • 10 个月前

Behind the scenes on what I've been working on lately. I'm putting together a UI Kit with premade components built using Compose Unstyled It's a set of premade components to kick-start your apps quickly using Compose on all platforms

Behind the scenes on what I've been working on lately. I'm putting together a UI Kit with premade components built using Compose Unstyled It's a set of premade components to kick-start your apps quickly using Compose on all platforms

Alex Styl

10,054 次观看 • 10 个月前

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

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

45,603 次观看 • 4 个月前

Vibe coding, with guardrails. json-render now exports production-ready source code using @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚌𝚘𝚍𝚎𝚐𝚎𝚗 The best of Generative UI paired with traditional code generation

Vibe coding, with guardrails. json-render now exports production-ready source code using @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚌𝚘𝚍𝚎𝚐𝚎𝚗 The best of Generative UI paired with traditional code generation

Chris Tate

33,647 次观看 • 5 个月前

Introducing Spell UI Highly refined UI components. Copy, paste, and ship. Crafted for modern interfaces. Link ↓

Introducing Spell UI Highly refined UI components. Copy, paste, and ship. Crafted for modern interfaces. Link ↓

tom

156,675 次观看 • 4 个月前

Coding just changed forever. You can now vibe-code with Windsurf and auto-fix bugs with CodeRabbit. Here’s how I vibe-fix my code + (how to try free):

Coding just changed forever. You can now vibe-code with Windsurf and auto-fix bugs with CodeRabbit. Here’s how I vibe-fix my code + (how to try free):

Robin Delta

62,195 次观看 • 1 年前

Lindy AI just got an insane upgrade, Lindy Build🤯 This AI engineer just doesn't write code, it can "see" and tests is own work. Vibe coding will never be the same. 6 wild examples + how to try:

Lindy AI just got an insane upgrade, Lindy Build🤯 This AI engineer just doesn't write code, it can "see" and tests is own work. Vibe coding will never be the same. 6 wild examples + how to try:

Min Choi

186,181 次观看 • 10 个月前

you can instantly 10x your vibecoded frontends by just learning what different ui components are called ofc opus is creating generic slop, the only words you know are menu and button.

you can instantly 10x your vibecoded frontends by just learning what different ui components are called ofc opus is creating generic slop, the only words you know are menu and button.

andrew gao

1,824,254 次观看 • 4 个月前

Generative UI agents can now render real shadcn/ui components. shadcn /ui support is now live in OpenUI.

Generative UI agents can now render real shadcn/ui components. shadcn /ui support is now live in OpenUI.

Rabi Shanker Guha

55,207 次观看 • 3 个月前

Introducing Voice Nav - navigate any website with your voice. Coming soon as part of ElevenLabs UI: an open-source library of audio & agent components for the web.

Introducing Voice Nav - navigate any website with your voice. Coming soon as part of ElevenLabs UI: an open-source library of audio & agent components for the web.

Louis

78,331 次观看 • 9 个月前

Some new uncommon components for skiper-ui

Some new uncommon components for skiper-ui

Guri

53,048 次观看 • 8 个月前