Загрузка видео...
Не удалось загрузить видео
Vibe coded this interactive hero component. Took me a few hours.
69,800 просмотров • 9 месяцев назад •via X (Twitter)
Комментарии: 40

Play with it here:

Strong first impressions start here.

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

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

meowtastic ux! altho ui can still be worked on

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

Look's Cool, What was the requirement? 🙂

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

Beautiful

@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

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

I did the same in my Shopify checkout manager

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

😮💨🔥

Very clean

Wow this is sick Tommy great job !

Okay this is a vibe (get it) 😮💨

Sweet

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!

This is so cool. Interactions feel crisp and playful.

that's pretty cool, will try it

How’d you do this?

Amazing stuff Tommy✨

Whoa that's cool

.

😤

Not a fan?

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!

That’s a chromium-native dropdown

this is why it looks bad

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

@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

i love it!!!

How do I install SDK in my cloud code app?

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.

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.

cool , but manus does all of it

What‘s the setup? 👀

Sexy as fuck

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