Loading video...

Video Failed to Load

Go Home

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

melvynx's profile picture

Melvyn • Builder

24,847 subscribers

160,071 views • 4 months ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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

Abraham John 🦄🦓

27,845 views • 2 years ago

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

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

Figma

75,709 views • 3 months ago

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 🧵
0:19

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 views • 1 year ago

🎨 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!
0:15

🎨 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 views • 1 year ago

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
0:18

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 views • 11 months ago

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 →
0:14

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 views • 2 years ago

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

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 views • 8 months ago

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 👇
0:14

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 views • 1 year ago

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

🚨 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 views • 10 months ago

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
0:13

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 views • 10 months ago

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

45,576 views • 4 months ago

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

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 views • 5 months ago

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

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

tom

156,675 views • 3 months ago

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):
0:14

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 views • 1 year ago

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:
0:18

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 views • 10 months ago

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

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 views • 4 months ago

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

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

Rabi Shanker Guha

55,207 views • 3 months ago

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

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 views • 9 months ago

Some new uncommon components for skiper-ui
0:11

Some new uncommon components for skiper-ui

Guri

53,048 views • 8 months ago