Design tokens, generated CSS, and optional components. Build front ends on strong, reusable foundations.
Shoelace: A forward-thinking library of web components.
Hand-crafted custom elements for any occasion.
The Foundation for your Design System
A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.
tailwindcss - npmx
A utility-first CSS framework for rapidly building custom user interfaces.
Vanilla CSS is all you need
Campfire, Writebook, and Fizzy show that modern vanilla CSS can power serious apps without Sass, PostCSS, or a build step.
A corner of the web for builders.
My name is Will King, and I am a design engineer...among many other things. You can find all of that work below and if you see something you like then let's be friends.
Dice UI
Accessible shadcn/ui components built with React, TypeScript, and Tailwind CSS. Copy-paste ready, and customizable.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
Styling with utility classes - Core concepts
Building complex components from a constrained set of primitive utilities.
progression.fyi
A collection of open source frameworks for helping designers and engineers to grow at work
Shaders
Component library for creative WebGPU effects in modern frontend frameworks. Compose interactive visuals for Vue, React, Svelte and Solid.
Frontend Dev, UI/UX, & Design
aka. the hard part
Inclusive Design for a Digital World
Mindful Design
Brutally Honest Advice About Web Design in 9 mins
UI/Design (by Brady Hawkins) — Semble
Design outside the computer
Tailwind CSS (by Bee 🐝) — Semble