UI/UX Design

Hello again, DEV Community!I recently shared my project, Jesse Math Rock Star, and the feedback from...

Google open-sourced DESIGN.md — YAML tokens, a CLI linter, one-command Tailwind export. Great.But a...

Figma shipped native Motion. A real animation timeline, right inside the file. When that landed, a...

Every designer and developer has been there: you have a brand color and need a palette that actually...

I Built a Free Browser-Based Urdu Writing and Design Platform iloveurdu.com I want to...

How I turned a single calm, low-fatigue color palette into matching dark and light themes for VS Code, terminals, Obsidian, Claude Code and ten other tools — al

Back in May we here at Waggy Labs launched the beta release of our Web Component UI kit "Yumekit"....

People complain that websites are all starting to look the same. They are not entirely wrong. A lot...

I'm a UI developer with 7+ years of experience. HTML, CSS, pixel-perfect Figma-to-code, I've done...

A DESIGN.md has two parts: YAML front matter with machine-readable design tokens, and a markdown body...

Skeleton screens are one of those things that seem simple until you actually implement them well. The...

Day 11. I ran the old vision system and the new one side by side. The results surprised...

Tailwind CSS is an absolute game-changer for speed, but if you aren't careful, you can end up...

The whole industry seems to have agreed on a standard for design tokens. The shift it sets up is...

Mermaid Diagrams in Markdown: The Complete Developer Guide Here is a scenario every developer knows:...

I can't design a logo. I've tried. Every time I open Illustrator I spend an hour making something...

TL;DR: I built an open-source Python library that uses semantic embeddings to heal broken UI test...

Open almost any company website built in the last two years and a little circle pops up in the...

Why developer tools deserve a design language of their own - and how I built one for my own corner of...

Building Spatial Memory: Why I Built a "Pinterest for the Physical World" and What I...

Why I Built a Digital Temple for 16 Chinese Gods (And What I Learned) Three weeks ago I...

Why Web Accessibility Matters: How I Fixed My Portfolio’s Semantic HTML When first learning web...

I opened the pull request and immediately felt a headache coming on. We just acquired a smaller...

This component is from Web Component Dictionary v2.0 — 83 ready-to-use web components across 8...

Turning Figma Designs Into Real Websites: My Frontend Workflow A design file is only the beginning....

Forcing auth before the first useful screen killed 82% of new users in our React Native app. We...

Animated UI component libraries are pre-built React component collections where scroll effects, hover...

Most software is good at remembering where information lives. It is much worse at remembering where...

Every atomic-CSS system eventually hits the same wall: the built-in breakpoints and pseudo-classes...

Recently, I realized that standard CSS has evolved quite a lot. When I talk with other engineers, it...

A designer sent me a panicked Slack message. Their client's product icons had leaked onto a public...

One of the easiest traps to fall into when building a design system is accidentally recreating...

🎨 Limn Engine Rendering Pipeline — From CSS Background to Dynamic Components How...

If you've worked with Angular Material, you know theming can be one of the trickiest parts of the...

There is a tiny image workflow mistake I keep seeing: People try to compress a huge image before...

I've been building CSSTools.io — a collection of free CSS generator tools for developers. One of the...

When you build an app, you know exactly how the backend works. But the moment real users hit the...

Hey everyone! I just wanted to share this on website accessibility site that I made with you. It...

**_Built a zero-gap scroll-driven frame animation portfolio with glassmorphism UI and water effects —...

What is the use of Activity Component? We can hide the components without losing their...

A production-quality sticky sidebar in Next.js needs four things: CSS position sticky for the...

Using Button as an example, this article explores the API design philosophy of Vue 3 component libraries, covering Props definition, variant systems, size trade

Privacy products are often judged by encryption language first. That is understandable, but it is...

TL;DR - Getting an app to run is now the easy part. AI is very good at producing something that...

Let's build a multi-platform Design System, step by step Web, iOS, Android. One color...

Hey DEV community! 👋 I built IMGVO — a free image tool that works entirely in your browser. ...

Building an Accessible Autocomplete in React Building an Accessible Autocomplete...

From Shared Modules to Fully Inlined: Finishing a Hugo Theme with Shiki, Tailwind v4, and CI...