正在加载视频...

视频加载失败

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

69,800 次观看 • 9 个月前 •via X (Twitter)

40 条评论

Tommy Geoco 🇺🇸 的头像
Tommy Geoco 🇺🇸9 个月前

Play with it here:

Leadlyx 的头像
Leadlyx9 个月前

Strong first impressions start here.

Andrey 的头像
Andrey9 个月前

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

KISA aka Copenzafan.eth 的头像
KISA aka Copenzafan.eth9 个月前

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

meow 的头像
meow9 个月前

meowtastic ux! altho ui can still be worked on

ℜ𝔞𝔣𝔞𝔢𝔩🪽 的头像
ℜ𝔞𝔣𝔞𝔢𝔩🪽9 个月前

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

Rahul Rana 的头像
Rahul Rana9 个月前

Look's Cool, What was the requirement? 🙂

Framer Geeks 的头像
Framer Geeks9 个月前

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

Umar Saeed 的头像
Umar Saeed9 个月前

Beautiful

Joshua Abrams 的头像
Joshua Abrams9 个月前

@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 的头像
Kenneth Eversole9 个月前

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

Bruno Allexandrino 的头像
Bruno Allexandrino9 个月前

I did the same in my Shopify checkout manager

Ryan 的头像
Ryan9 个月前

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 的头像
Domi Kissi9 个月前

😮‍💨🔥

So 的头像
So9 个月前

Very clean

Daniel White 的头像
Daniel White9 个月前

Wow this is sick Tommy great job !

Stow – UI Component Marketplace 的头像
Stow – UI Component Marketplace9 个月前

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

martins 的头像
martins9 个月前

Sweet

Jithin Palepu 的头像
Jithin Palepu9 个月前

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 的头像
Sachin Yadav9 个月前

This is so cool. Interactions feel crisp and playful.

Wyb0 的头像
Wyb09 个月前

that's pretty cool, will try it

Ø. 的头像
Ø.9 个月前

How’d you do this?

Fawaz Ahmed 的头像
Fawaz Ahmed9 个月前

Amazing stuff Tommy✨

Justin.md 的头像
Justin.md9 个月前

Whoa that's cool

Ø. 的头像
Ø.9 个月前

.

Wilfried 的头像
Wilfried9 个月前

😤

Tommy Geoco 🇺🇸 的头像
Tommy Geoco 🇺🇸9 个月前

Not a fan?

Wilfried 的头像
Wilfried9 个月前

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 🇺🇸 的头像
Tommy Geoco 🇺🇸9 个月前

That’s a chromium-native dropdown

Wilfried 的头像
Wilfried9 个月前

this is why it looks bad

Yakub 的头像
Yakub9 个月前

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

Wilfried 的头像
Wilfried9 个月前

@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 的头像
Virgile RIETSCH9 个月前

i love it!!!

Lumond 的头像
Lumond9 个月前

How do I install SDK in my cloud code app?

ExileAI 的头像
ExileAI9 个月前

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 的头像
Gregor9 个月前

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 的头像
Sundaram Kumar Jha9 个月前

cool , but manus does all of it

Para 的头像
Para9 个月前

What‘s the setup? 👀

wessel (suikeroompje) 的头像
wessel (suikeroompje)9 个月前

Sexy as fuck

Bo Gunnarson 的头像
Bo Gunnarson9 个月前

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

相关视频