Show HN: UI micro interactions prompts for AI

Posted by elwingo1 1 hour ago

Counter30Comment14OpenOriginal

Comments

Comment by cosmotic 10 minutes ago

Some feedback on the first few

* toggle animation on the heart moves the same direction for add and subtract (confusing)

* hold-to-trigger indicator is covered by finger on touch screen

* remove button confirmation can be accidentally confirmed by double click

(I stopped looking after this)

Comment by xhayden 3 minutes ago

Is it fine if I give some rather harsh criticism?

I've seen you all on Twitter and have been confused on why people like this product. A lot of these are fairly unpolished and don't seem to have been designed with much consistency. I think if I gave Opus 5.5 instructions to make pretty much any of these components it could produce these 1-shot.

Take the verification code UI for example. We have animations on switching between the numbers, but not on updating the check icon. I also don't have the option to see other states. What happens on Error? For example.

On your Bio fill, the better pattern for text character limits is not to stop allowing typing after the limit has been hit, but instead to allow overfill and start counting onwards with an obvious red state. You do this, but cap at 20 more. Why? The whole point is to allow people to enter their full text and synthesize to the character limit. Is this a configurable setting? I can't tell if there's a customization because I have to create an account to copy the prompt and there's no obvious path to learn more about it.

Feels unpolished and I can't imagine paying for it. Much less at a minimum of $10/mo when soooo many other free component websites do the same. For a design-focused product, the experience feels cheap and more like AI slop to me than a polished solution.

Comment by lirolero 1 minute ago

[dead]

Comment by pftburger 48 minutes ago

Some of these are genuinely nice. I really like the action slide-out, the wall reveal, and the slide-off reveal.

Unfortunately for a thing whose core job is polished UI, there's still quite a lot of polish needed before I would be willing to implement any of this in my UI To name a few : - the swap icon state theme preview switcher cascades the element brightness rather than fading them together. - The confirm reveal has something wrong with the spring every third or fourth click, which is strange - Cards: the stacked deck cycle. When you click Next, it doesn't draw the top card. - The shared element expand option: when you minimize, the spring dampening pushes the components outside of the container. - Swipe to dismiss causes the container to temporarily show a scroll bar.

Comment by elwingo1 19 minutes ago

Thanks a lot for the feedback. Will implement.

Comment by totetsu 29 minutes ago

I just set up penpot on a fly.io and connect to it with mcp -and- a browser-use-tool.. because of network weirdness and serverles platforms.. and then i can get the best of both worlds, of a structured ui design tool, and a flexible adaptive chat interface. couple that with .. image generation tools, and code execution for converting generated pngs to svgs, and I think I came up with something pretty neat.

Comment by jonshariat 59 minutes ago

Love these but curious: they sell access to this UI but can't I point an agent at this and have it copy these? Or is it better quality outputs to use the MCP?

Comment by elwingo1 20 minutes ago

Thanks! Me and the co-founder of the project built Flowbite previously so we have some experience in the UI/UX field. I think that as with anything you can copy it, but your agent will be pointed to an HTML+CSS structure, rather than the natural language structure of our prompts/MCP context. Plus, you can support the work of two fellow humans.

Comment by Fe2O3 38 minutes ago

"It's one of the resources I used recently. -shadcn" being the top testimony is so funny.

I do love some of these examples, but, and as others noticed, they do lack polish.

Comment by elwingo1 20 minutes ago

Haha, yea. I was so happy when he mentioned TypeUI in a tweeet. Agreed, will work on polishing.

Comment by deburo 7 minutes ago

I wanted to say that some animations look choppy, but it's yet again the Chrome's prefers-reduced-motion css feature mapped to Windows's Animation Effects knob, which is completely outrageous.

Comment by tintor 20 minutes ago

$30/month for a button on web page?

Comment by elwingo1 19 minutes ago

You get quite a bit more than that, including access to the MCP server. We are boostraped, no VC to back us so it's the only way we can make this project sustainable.

Comment by cpan22 18 minutes ago

these look great

Comment by elwingo1 18 minutes ago

Thank you!

Comment by Benard-dev 28 minutes ago

[dead]