The five best design links, every weekday

Category: Ui

All Categories

jelly-ui.com

Jelly UI

A dependency-free Web Components library for tactile product interfaces: soft-body physics, real form controls, dark mode, RTL and WCAG.

github.com

Desigma

Free Figma alternative made on Rust. An independent, local-first, open-source design tool.

craftwork.design

Craftwork: UI made by real designersSponsored

Figma UI kits, Framer templates, fonts, React components, icons, 3D and mockups made by real designers. Use them in Figma or through your AI agent.

maxschmitt.me

A simple guide to calm UI

A few basic rules to keep in mind to make simple UIs feel a lot better.

bit.ly

Beautiful icons that make products feel premiumSponsored

Hugeicons offers 60,000+ icons across 10 styles for Figma, React, Font, and more. Fully customizable, beautifully crafted.

mattrothenberg.com

Pure UI in the Agentic Era

I stopped thinking of UI as event handlers that change the DOM and started thinking of it as a snapshot of data at a point in time.

blog.jim-nielsen.com

The dock on Mac, from OS 10 to macOS 27

Researching the different docks in macOS through the years and compiling them all into a single graphic.

ssgoi.dev

Native page transitions on the web

Router-agnostic page transitions for React, Svelte, Vue, Solid, Angular, and Qwik.

fluidfunctionalism.com

Fluid functionalism

Open source UI components with satisfying hover.

fglibs.com

F*cking good libraries

A browsable semantic library for creative development resources.

tomacco.github.io

Amazing glass

Glass that bends the page behind it. Liquid glass web components for HTML, React and Vue, tuned pixel by pixel against Apple’s own renderer.

vgpu.sh

The WebGPU library, designed for agents

Fullscreen shaders, compute pipelines, raw WebGPU interop, and read-only source files compiled directly by this docs app.

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.