Loading video...

Video Failed to Load

Go Home

Vibe coded this interactive hero component. Took me a few hours.

69,800 views • 9 months ago •via X (Twitter)

40 Comments

Tommy Geoco 🇺🇸's profile picture
Tommy Geoco 🇺🇸9 months ago

Play with it here:

Leadlyx's profile picture
Leadlyx9 months ago

Strong first impressions start here.

Andrey's profile picture
Andrey9 months ago

this but for relational agent mapping when you establish relationships of knowledge between multiple agents

KISA aka Copenzafan.eth's profile picture
KISA aka Copenzafan.eth9 months ago

vibe coding is basically a superpower for ui work because you skip the tedious css debugging phase.

meow's profile picture
meow9 months ago

meowtastic ux! altho ui can still be worked on

ℜ𝔞𝔣𝔞𝔢𝔩🪽's profile picture
ℜ𝔞𝔣𝔞𝔢𝔩🪽9 months ago

ok this is too interesting.. how do i access it?

Rahul Rana's profile picture
Rahul Rana9 months ago

Look's Cool, What was the requirement? 🙂

Framer Geeks's profile picture
Framer Geeks9 months ago

That sounds impressive! It's great to see the effort you put into creating such an engaging component.

Umar Saeed's profile picture
Umar Saeed9 months ago

Beautiful

Joshua Abrams's profile picture
Joshua Abrams9 months ago

@grok steal this idea and tell me what it’s doing and how to replicate it if it’s useful and what it’s usefulness is

Kenneth Eversole's profile picture
Kenneth Eversole9 months ago

big fan of this style of website. It is 100% the future of technology

Bruno Allexandrino's profile picture
Bruno Allexandrino9 months ago

I did the same in my Shopify checkout manager

Ryan's profile picture
Ryan9 months ago

I love it, I don’t know what to do with it, but when has that ever stopped someone from putting in dark mode

Domi Kissi's profile picture
Domi Kissi9 months ago

😮‍💨🔥

So's profile picture
So9 months ago

Very clean

Daniel White's profile picture
Daniel White9 months ago

Wow this is sick Tommy great job !

Stow – UI Component Marketplace's profile picture
Stow – UI Component Marketplace9 months ago

Okay this is a vibe (get it) 😮‍💨

martins's profile picture
martins9 months ago

Sweet

Jithin Palepu's profile picture
Jithin Palepu9 months ago

that sounds like a solid way to spend a few hours. interactive components can really bring a project to life. can't wait to see how it looks in action!

Sachin Yadav's profile picture
Sachin Yadav9 months ago

This is so cool. Interactions feel crisp and playful.

Wyb0's profile picture
Wyb09 months ago

that's pretty cool, will try it

Ø.'s profile picture
Ø.9 months ago

How’d you do this?

Fawaz Ahmed's profile picture
Fawaz Ahmed9 months ago

Amazing stuff Tommy✨

Justin.md's profile picture
Justin.md9 months ago

Whoa that's cool

Ø.'s profile picture
Ø.9 months ago

.

Wilfried's profile picture
Wilfried9 months ago

😤

Tommy Geoco 🇺🇸's profile picture
Tommy Geoco 🇺🇸9 months ago

Not a fan?

Wilfried's profile picture
Wilfried9 months ago

Oh, if you don't see the problem, no worries, I can explain: - The check mark on the left, aligned with the text, creates visual clutter. It pushes the text to the right in a way that is inconsistent with the unselected items, giving the impression that the list is misaligned, always to the right. - If you're using a focus ring or selection border, it should have proper inset or be applied as a background with rounded corners that respects the container padding. Your current border looks like it's clipping against the dropdown edge, which is also misplaced on the x position. Everything else is great!

Tommy Geoco 🇺🇸's profile picture
Tommy Geoco 🇺🇸9 months ago

That’s a chromium-native dropdown

Wilfried's profile picture
Wilfried9 months ago

this is why it looks bad

Yakub's profile picture
Yakub9 months ago

@designertom looks good to me would never notice anything "visually bad"

Wilfried's profile picture
Wilfried9 months ago

@designertom sorry, I didn't mean to be rude, it just doesn't fit into the UI that was created, entering a website is like entering someone's home, generally, they have made an effort to ensure that the style is well configured, so that you feel comfortable

Virgile RIETSCH's profile picture
Virgile RIETSCH9 months ago

i love it!!!

Lumond's profile picture
Lumond9 months ago

How do I install SDK in my cloud code app?

ExileAI's profile picture
ExileAI9 months ago

You just nailed something I’ve been shooting for and have come close conceptually but you nailed my vision in every way. Instant follow. Thanks for the content.

Gregor's profile picture
Gregor9 months ago

What if the real win is not the hours spent, but the insight gained from iterating on the hero component. Sometimes a few hours can lead to a major design breakthrough. Code is just a means to an end, right.

Sundaram Kumar Jha's profile picture
Sundaram Kumar Jha9 months ago

cool , but manus does all of it

Para's profile picture
Para9 months ago

What‘s the setup? 👀

wessel (suikeroompje)'s profile picture
wessel (suikeroompje)9 months ago

Sexy as fuck

Bo Gunnarson's profile picture
Bo Gunnarson9 months ago

Im not really sure what it does, is it just so i can see what tools are used when passing a prompt to it?

Related Videos