Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

69,800 Aufrufe • vor 9 Monaten •via X (Twitter)

40 Kommentare

Profilbild von Tommy Geoco 🇺🇸
Tommy Geoco 🇺🇸vor 9 Monaten

Play with it here:

Profilbild von Leadlyx
Leadlyxvor 9 Monaten

Strong first impressions start here.

Profilbild von Andrey
Andreyvor 9 Monaten

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

Profilbild von KISA aka Copenzafan.eth
KISA aka Copenzafan.ethvor 9 Monaten

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

Profilbild von meow
meowvor 9 Monaten

meowtastic ux! altho ui can still be worked on

Profilbild von ℜ𝔞𝔣𝔞𝔢𝔩🪽
ℜ𝔞𝔣𝔞𝔢𝔩🪽vor 9 Monaten

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

Profilbild von Rahul Rana
Rahul Ranavor 9 Monaten

Look's Cool, What was the requirement? 🙂

Profilbild von Framer Geeks
Framer Geeksvor 9 Monaten

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

Profilbild von Umar Saeed
Umar Saeedvor 9 Monaten

Beautiful

Profilbild von Joshua Abrams
Joshua Abramsvor 9 Monaten

@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

Profilbild von Kenneth Eversole
Kenneth Eversolevor 9 Monaten

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

Profilbild von Bruno Allexandrino
Bruno Allexandrinovor 9 Monaten

I did the same in my Shopify checkout manager

Profilbild von Ryan
Ryanvor 9 Monaten

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

Profilbild von Domi Kissi
Domi Kissivor 9 Monaten

😮‍💨🔥

Profilbild von So
Sovor 9 Monaten

Very clean

Profilbild von Daniel White
Daniel Whitevor 9 Monaten

Wow this is sick Tommy great job !

Profilbild von Stow – UI Component Marketplace
Stow – UI Component Marketplacevor 9 Monaten

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

Profilbild von martins
martinsvor 9 Monaten

Sweet

Profilbild von Jithin Palepu
Jithin Palepuvor 9 Monaten

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!

Profilbild von Sachin Yadav
Sachin Yadavvor 9 Monaten

This is so cool. Interactions feel crisp and playful.

Profilbild von Wyb0
Wyb0vor 9 Monaten

that's pretty cool, will try it

Profilbild von Ø.
Ø.vor 9 Monaten

How’d you do this?

Profilbild von Fawaz Ahmed
Fawaz Ahmedvor 9 Monaten

Amazing stuff Tommy✨

Profilbild von Justin.md
Justin.mdvor 9 Monaten

Whoa that's cool

Profilbild von Ø.
Ø.vor 9 Monaten

.

Profilbild von Wilfried
Wilfriedvor 9 Monaten

😤

Profilbild von Tommy Geoco 🇺🇸
Tommy Geoco 🇺🇸vor 9 Monaten

Not a fan?

Profilbild von Wilfried
Wilfriedvor 9 Monaten

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!

Profilbild von Tommy Geoco 🇺🇸
Tommy Geoco 🇺🇸vor 9 Monaten

That’s a chromium-native dropdown

Profilbild von Wilfried
Wilfriedvor 9 Monaten

this is why it looks bad

Profilbild von Yakub
Yakubvor 9 Monaten

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

Profilbild von Wilfried
Wilfriedvor 9 Monaten

@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

Profilbild von Virgile RIETSCH
Virgile RIETSCHvor 9 Monaten

i love it!!!

Profilbild von Lumond
Lumondvor 9 Monaten

How do I install SDK in my cloud code app?

Profilbild von ExileAI
ExileAIvor 9 Monaten

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.

Profilbild von Gregor
Gregorvor 9 Monaten

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.

Profilbild von Sundaram Kumar Jha
Sundaram Kumar Jhavor 9 Monaten

cool , but manus does all of it

Profilbild von Para
Paravor 9 Monaten

What‘s the setup? 👀

Profilbild von wessel (suikeroompje)
wessel (suikeroompje)vor 9 Monaten

Sexy as fuck

Profilbild von Bo Gunnarson
Bo Gunnarsonvor 9 Monaten

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

Ähnliche Videos