A visual history of how humans learned to interact with AI.

Balsa UI is an agent-native, open-code component system for Vue and React.

If our design specs only tell models what the interface is made of, they have already forgotten what the interface is for

Liquid UI effects for React.

A small library of extremely crafted, copy-paste components for chat agents, thinking states, human-in-the-loop approvals, and everything agents need.

Everyone wants to teach AI agents good taste. I just want them to stop filling every surface with icons in soft gray containers.

A collection of interfaces that help sell the plausibility of this fictional world.

How grid density, context menus, and custom widgets alter information architecture.

Layout animation keeps spatial memory intact when lists reorder, panels expand, and items enter or leave.

How mandating rounded square app icons is downright heartbreaking to long-time Mac OS X users.

Free and open source CSS and React loaders, spinners, and animations to create polished, accessible loading states for modern web apps.

See the UI element, learn its real name and API symbol, and copy a precise prompt for your coding agent.

Apple should end their prohibition on shapes in MacOS app icons.

A React component library of dot matrix loaders—expressive loading primitives you install via the shadcn registry and own as local code.

Procedural UI sounds. Zero audio files. Pure synthesis.

How strict visual systems prioritize automated rules over contextual quality.

Open source UI kit for modern document apps. React components for PDF, DOCX, XLSX, and CSV viewers, file upload, e-signing, and more.

Pixel-perfect skeleton loading screens auto-extracted from your real DOM. Zero configuration, zero layout shift.

How we built a cross-browser glass effect for the web, and how it shapes a family of components.

Discover curated UI Skills for design engineers, including accessibility, motion, frontend craft, and interface quality guides.