Show HN: UI micro interactions prompts for AI

jonshariat

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?

pftburger

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.

Fe2O3

"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.

tintor

$30/month for a button on web page?

cpan22

these look great

cosmotic

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)

deburo

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.

xhayden

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. These were literally the first two components I looked at. At that rate I feel like I can find an issue with all of them. 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.

theflyestpilot

smart sales psychology! really compelling on-ramp

sebastianconcpt

Love it! Only problem is that now I want all things to have this level of UI

spdustin

Here's my direct feedback, as a member of your target audience: The call to action says "Copy prompt", not "Unlock prompt", "Sign in to copy", or "Get Creative to access prompts". I didn't even go past the signup to see if the prompts themselves are actually free and work without a subscription to your hosted MCP server. There's a GitHub link in the header suggesting an OSS tier, at the least. That repo may include "prompts" folders, but no prompts are there. The README doesn't even hint that this is a paid library of assets/prompts until the very end, with the misspelled "enhanched" sentence under the "Pro" header. The only prompts that appear to be in the repo (other than those that configure an agent how to use the paid and hosted MCP) are basic design guidelines. Getting back to the website: your hero text directly invites users to "Try each example and copy its implementation prompt." Which immediately demands the aforementioned signup flow that I didn't bother completing. All of that just turned me right off. Your examples are nice, if a bit generic. But if you intended this to be a loss-leader for the more "enhanched" UI/UX skills, it isn't doing that job.

techscruggs

Why wouldn't I just point claude at the interaction on your site and tell it to replicate it?

matsemann

Can you explain a bit what it is one is buying? A prompt? I don't get why it can't be the component, isn't it better to use that than a prompt?

ben-gy

I have deep appreciation for well crafted vanilla front-end and for the value micro interactions bring to the table, but I really struggle to reconcile the value of this now that we have LLMs that do a phenomenal job at solving these UI/UX problems. Tailwind UI is a perfect example of this where when I used to use Tailwind UI religiously and paid for it, I can just tell Claude Code “make it much prettier and bring it to life with really well designed micro interactions to create an excellent and enjoyable end-user experience” and it will get me 90% there which is easily more than good enough. I really hope I’m wrong and that there is still a market for hand crafted components like this but honestly I think the free components exposed here plus the images of the paid components is enough for any LLM to pick this up and run with it likely without the LLM user even knowing that’s what has happened and therefore I can’t see a path to sustainable ARR for you guys.

ivanjermakov

Prompts as a service is something new.

alienbaby

'unlock prompt' .. err, ok. straight to signup. Smells like I'll need to pay for it, and I'm just curious to see one prompt from the front page. aand I'm done. oh I wonder if I can point claude at it...

tptacek

Sign-up pages can't be Show HN's: https://hn.algolia.com/?dateRange=all&page=0&prefix=false&qu...

elxr

Nice examples, definitely lots I'll be copying. I do wish there was an option to set the number grid columns on the page though: a sort of zoom-out feature with added column counts. I feel having a lot more items visible without scrolling would be perfect for a site like this. Especially with the focus being entirely on the rendered components (and not typical UI library docs).

j45

Interesting, the thing that's advertised is not there on the page, and behind a paywall or sign up. At each stage it's all about the poster wanting their attention and outcome. If I can't see a few and see the value of them and what the library then represents, I'll just have to pass.

etothet

“Essential storage keeps TypeUI running. With your permission, analytics helps us make it better.” And when you click the “Manage preferences” option… “Required for security, authentication, preferences, and core site functionality.” Sorry, but are cookies really “essential” to me simply viewing the site? Note there is no option to completely opt out.