The five best design links, every weekday

Category: Ui

All Categories

loading.dev

loading.dev

A lightweight library full of beautiful loading indicators for React.

twilson.net

Filling in the last row of a responsive grid

Filler cells for CSS grids with borders.

craft.gustavofior.com

Craft

A collection of design engineering concepts.

bencho.dev

Bencho

A library of interactive UI blocks you can explore, tweak, and take straight into your projects.

pangrampangram.com

Optical vs. mathematical alignment

While software can place objects with mathematical precision, our eyes don’t always agree with the result.

dialkit.dev

DialKit

Tune interfaces in real time and make the details feel right. DialKit puts live controls beside the interface you’re building.

design.lightspark.com

Limit the number of details

Every detail asks for attention. Limiting how many we add is what gives us room to make the ones that remain better.

opensourceui.in

Opensource UI

A free, MIT-licensed copy-paste library of 200+ production-ready React and Next.js components. Built with TypeScript and Tailwind CSS v4.

interfaces.kylejeong.com

The AI Interface Museum

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

balsa-ui.com

Balsa UI

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

superposition.jem.computer

Design is how it tastes

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

gooey.jakubantalik.com

Liquid Gooey

Liquid UI effects for React.

beautifului.dev

Beautiful UI

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

yeseniaperezcruz.substack.com

The plateau of sad gray icons

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

hudsandguis.com

Jurassic World Rebirth UI

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

rauno.me

Rauno Freiberg's field note #2

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

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.