Show HN: UI micro interactions prompts for AI

(typeui.sh)

41 points | by elwingo1 1 hour ago

11 comments

  • pftburger 1 hour 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.

    • elwingo1 43 minutes ago
      Thanks a lot for the feedback. Will implement.
  • cosmotic 33 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)

    • elwingo1 23 minutes ago
      Thanks for the feedback! Implementing them.
  • xhayden 26 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.

    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.

  • jonshariat 1 hour 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?
    • elwingo1 43 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.
  • tintor 44 minutes ago
    $30/month for a button on web page?
    • elwingo1 42 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.
  • Fe2O3 1 hour 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.

    • elwingo1 43 minutes ago
      Haha, yea. I was so happy when he mentioned TypeUI in a tweeet. Agreed, will work on polishing.
  • theflyestpilot 10 minutes ago
    smart sales psychology!

    really compelling on-ramp

  • deburo 30 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.
  • cpan22 42 minutes ago
    these look great
  • Benard-dev 52 minutes ago
    [dead]