Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

69,800 görüntüleme • 9 ay önce •via X (Twitter)

40 Yorum

Tommy Geoco 🇺🇸 profil fotoğrafı
Tommy Geoco 🇺🇸9 ay önce

Play with it here:

Leadlyx profil fotoğrafı
Leadlyx9 ay önce

Strong first impressions start here.

Andrey profil fotoğrafı
Andrey9 ay önce

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

KISA aka Copenzafan.eth profil fotoğrafı
KISA aka Copenzafan.eth9 ay önce

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

meow profil fotoğrafı
meow9 ay önce

meowtastic ux! altho ui can still be worked on

ℜ𝔞𝔣𝔞𝔢𝔩🪽 profil fotoğrafı
ℜ𝔞𝔣𝔞𝔢𝔩🪽9 ay önce

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

Rahul Rana profil fotoğrafı
Rahul Rana9 ay önce

Look's Cool, What was the requirement? 🙂

Framer Geeks profil fotoğrafı
Framer Geeks9 ay önce

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

Umar Saeed profil fotoğrafı
Umar Saeed9 ay önce

Beautiful

Joshua Abrams profil fotoğrafı
Joshua Abrams9 ay önce

@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 profil fotoğrafı
Kenneth Eversole9 ay önce

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

Bruno Allexandrino profil fotoğrafı
Bruno Allexandrino9 ay önce

I did the same in my Shopify checkout manager

Ryan profil fotoğrafı
Ryan9 ay önce

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 profil fotoğrafı
Domi Kissi9 ay önce

😮‍💨🔥

So profil fotoğrafı
So9 ay önce

Very clean

Daniel White profil fotoğrafı
Daniel White9 ay önce

Wow this is sick Tommy great job !

Stow – UI Component Marketplace profil fotoğrafı
Stow – UI Component Marketplace9 ay önce

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

martins profil fotoğrafı
martins9 ay önce

Sweet

Jithin Palepu profil fotoğrafı
Jithin Palepu9 ay önce

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 profil fotoğrafı
Sachin Yadav9 ay önce

This is so cool. Interactions feel crisp and playful.

Wyb0 profil fotoğrafı
Wyb09 ay önce

that's pretty cool, will try it

Ø. profil fotoğrafı
Ø.9 ay önce

How’d you do this?

Fawaz Ahmed profil fotoğrafı
Fawaz Ahmed9 ay önce

Amazing stuff Tommy✨

Justin.md profil fotoğrafı
Justin.md9 ay önce

Whoa that's cool

Ø. profil fotoğrafı
Ø.9 ay önce

.

Wilfried profil fotoğrafı
Wilfried9 ay önce

😤

Tommy Geoco 🇺🇸 profil fotoğrafı
Tommy Geoco 🇺🇸9 ay önce

Not a fan?

Wilfried profil fotoğrafı
Wilfried9 ay önce

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 🇺🇸 profil fotoğrafı
Tommy Geoco 🇺🇸9 ay önce

That’s a chromium-native dropdown

Wilfried profil fotoğrafı
Wilfried9 ay önce

this is why it looks bad

Yakub profil fotoğrafı
Yakub9 ay önce

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

Wilfried profil fotoğrafı
Wilfried9 ay önce

@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 profil fotoğrafı
Virgile RIETSCH9 ay önce

i love it!!!

Lumond profil fotoğrafı
Lumond9 ay önce

How do I install SDK in my cloud code app?

ExileAI profil fotoğrafı
ExileAI9 ay önce

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 profil fotoğrafı
Gregor9 ay önce

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 profil fotoğrafı
Sundaram Kumar Jha9 ay önce

cool , but manus does all of it

Para profil fotoğrafı
Para9 ay önce

What‘s the setup? 👀

wessel (suikeroompje) profil fotoğrafı
wessel (suikeroompje)9 ay önce

Sexy as fuck

Bo Gunnarson profil fotoğrafı
Bo Gunnarson9 ay önce

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

Benzer Videolar