YHacker Newsscreenshots

Screenshot of typeui.sh: Show HN: UI micro interactions prompts for AI

First screen, captured 3 days ago.

Show HN: UI micro interactions prompts for AI

More from typeui.sh →

TypeUI gallery of 113 interactive UI micro interactions (buttons, inputs, modals, sliders, etc.) with copyable implementation prompts for AI coding tools.

What HN thinks

A Show HN that said "Copy prompt" and meant "Enter credit card," reviewed by people who can point Claude at it.

Undisclosed signup and paywall
Many were put off that "Copy prompt" and "Unlock" buttons lead straight to a login wall and a subscription, which also makes it ineligible as a Show HN.
LLMs make this a commodity
Commenters argued anyone can describe these interactions to Claude or point an agent at the demo, so paying $30/month for prompts is hard to justify.
Nice ideas, lacking polish
Several liked specific animations but listed bugs and inconsistencies, such as spring glitches, misaligned focus rings and missing error states, which is awkward for a polish-focused product.

Consensus: Most agree some examples are appealing but the product is unpolished, the paywall is poorly disclosed, and the pricing is too high given what LLMs can already do.

Summarised by Claude from the comment thread 3 days ago.

Points: 68
Comments: 43
Best rank: #5
Posted: 2026-10-22 by elwingo1
Category: Design

micro-interactions ui-design ai-prompts ai-coding-tools typeui frontend

All captures:

Full page

Full-page screenshot of typeui.sh

Captured 3 days ago. Click for the whole screenshot. The page is longer than 12,000px, so the screenshot stops there: read the rest on typeui.sh ↗

Looks similar

Screenshot of microdot.readthedocs.io: Microdot

Microdot (microdot.readthedocs.io)

96 points by kristianpaul 3 years ago | 25 comments

Screenshot of tachyons.io: Tachyons – A CSS Toolkit

Tachyons – A CSS Toolkit (tachyons.io)

53 points by impoppy 3 years ago | 53 comments

Screenshot of github.com: Show HN: Microcrad – Micrograd Reimplemented in C

Show HN: Microcrad – Micrograd Reimplemented in C (github.com)

62 points by oraziorillo 4 months ago | 20 comments

Screenshot of atopile.io: Atopile – Design circuit boards with code

Atopile – Design circuit boards with code (atopile.io)

88 points by poly2it 1 year ago | 24 comments

Screenshot of growingswe.com: Microgpt explained interactively

Microgpt explained interactively (growingswe.com)

283 points by growingswe 7 months ago | 41 comments

Screenshot of sparkjava.com: Spark – A web micro framework for Java and Kotlin

Spark – A web micro framework for Java and Kotlin (sparkjava.com)

58 points by znpy 2 years ago | 34 comments

Related stories

Screenshot of emilkowal.ski: Purposeful animations

Purposeful animations (emilkowal.ski)

505 points by jakelazaroff 1 year ago | 127 comments

Essay by design engineer Emil Kowalski on when and how to use UI animations purposefully so they improve rather than harm the user experience.

ui-animation interaction-design ux web-design

Screenshot of vorpus.github.io: Show HN: Performative-UI – A react component library of design tropes

Show HN: Performative-UI – A react component library of design tropes (vorpus.github.io)

1098 points by lizhang 4 months ago | 196 comments

Landing page for performative-ui, a satirical MIT-licensed React component library of AI startup design tropes like gradient text, sparkles, and prompt heroes.

react component-library ui-design ai-startups

Screenshot of microsoft.github.io: Show HN: Microsoft releases Flint, a visualization language for AI agents

Show HN: Microsoft releases Flint, a visualization language for AI agents (microsoft.github.io)

327 points by chenglong-hn 3 months ago | 118 comments

Project homepage for Flint, a Microsoft Research visualization intermediate language that lets AI agents generate charts rendered via Vega-Lite, ECharts, or Chart.js.

data-visualization flint microsoft-research mcp

Screenshot of leanrada.com: Show HN: htmz – a low power tool for HTML

Show HN: htmz – a low power tool for HTML (leanrada.com)

911 points by Kalabasa 2 years ago | 215 comments

Project page for htmz, a minimalist 181-byte HTML microframework for building modular web UIs with plain HTML and no dependencies.

htmz html microframework htmx

Screenshot of uji.sh: Show HN: Ito – Build Terminal UIs in Lua

Show HN: Ito – Build Terminal UIs in Lua (uji.sh)

58 points by cat-whisperer 11 days ago | 12 comments

Interactive web playground for ito, a Lua library for building terminal UIs, with editable example code and a live preview rendered via WebAssembly.

lua tui terminal-ui rust

Screenshot of github.com: Show HN: Sumi.css – CSS Framework

Show HN: Sumi.css – CSS Framework (github.com)

58 points by bepero 5 days ago | 13 comments

GitHub repository for Sumi.css, a minimalist classless-first CSS framework (6.7 KB gzipped) with dark mode, theming via custom properties, and no build step.

css css-framework classless-css css-grid