The five best design links, every weekday

Category: Ui

All Categories

karlkoch.me

On layout choreography

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

parakeet.co

The shape of apps

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

loading-ui.com

Loading UI

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

namethatui.com

What is this UI element called?

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

weblog.rogueamoeba.com

Free the icons

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

dotmatrix.zzzzshawn.cloud

Dot Matrix

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

rexa-developer.github.io

tiks

Procedural UI sounds. Zero audio files. Pure synthesis.

blog.jim-nielsen.com

Consistency, but in excellence not appearance

How strict visual systems prioritize automated rules over contextual quality.

extend.ai

Extend UI

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

boneyard.vercel.app

Boneyard: skeleton screens for your UI

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

aave.com

Building glass for the web

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

ui-skills.com

UI skills for design engineers

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

vorpus.github.io

performative-ui

Components that signal how oversubscribed your funding round is.

poyo.co

Two LLM UI patterns that aren’t chat

Structures that manage context and data retrieval more effectively for complex, non-linear tasks.

blog.mozilla.ai

The interface is no longer the product

The deck, doc, or dashboard becomes the output, not the source of truth.

emilkowal.ski

Train your judgement

Settling for good enough is not good enough.

tui.studio

TUIStudio

A Figma-like visual editor for TUI applications. Drag-and-drop components, edit properties in real-time, and export to 6 frameworks with one click.

cssence.com

Six levels of dark mode

From HTML-only to JS-infused, and all the CSS in between.

uicolors.app

Tailwind CSS colors

Generate, edit, save and share Tailwind CSS color shades based on a given hexcode or HSL color.

shadcnthemer.com

ShadCN Themer

Browse and create stunning themes for shadcn/ui. Customize colors, fonts, and export with one click.