Tech Skills
UI/UX Design
User research, Figma, wireframing, design systems, prototyping and usability
Skills in this topic
4 skills — Sign in to track your progress

Dev.to · Svg/icons
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Best SVG Icon Libraries for React Developers in 2026
React developers use icons everywhere: navigation menus, dashboards, buttons, settings panels,...
Crazy Egg Blog
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Crazy Egg vs. Contentsquare: Each Tool’s True Strengths
Trying to choose between Crazy Egg and Contentsquare? Crazy Egg is a better UX and conversion rate optimization platform if you want heatmaps, session recording

Dev.to · Drew Marshall
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Why I Stopped Designing Websites and Started Designing Flows
At one point, most of my thinking around software revolved around pages. landing...

Dev.to · abdelaaziz ouakala
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
⛔Stop Putting Logic in Templates: A Senior Angular Architect's Guide to Clean UI Contracts
Stop Putting Logic in Templates: A Senior Angular Architect's Guide to Clean UI...

Dev.to · Ryan John
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Can Vue Be a React Authoring Language?
Introduction Have you ever been in this situation? You love Vue's Composition API and the...

Dev.to · J Now
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Inline context while you read, without losing your place
The pattern that wrecked my reading: find an unfamiliar term, open a new tab, read half the Wikipedia...

Dev.to · DevToolsmith
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Visual Regression Testing with Screenshot APIs: Catch UI Bugs Before Users Do
Unit tests check logic. Integration tests check API contracts. But neither catches the CSS regression that moves your checkout button off-screen in Safari, or t

Dev.to · Luis Filipe Pedroso
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Generic components in SwiftUI: write once, reuse everywhere
Learn how to use generics in SwiftUI to build reusable components that work with any data type. A simple, beginner-friendly guide with code examples.

Dev.to · Timothy Stein
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Trade shows give brands only a few seconds to grab attention - and bad display design can instantly push visitors away.
Common mistakes include: • Overcrowded text • Low-quality graphics • Poor color contrast • Tiny...

Dev.to · Kritika Yadav
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
How to Use Custom CSS to Brand Your Published Markdown Pages
You have written a solid piece. The content is sharp, the structure is clean, and you hit publish....

Dev.to · Zihang Dong 董子航
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
I Built a Free Browser-Based Image Tools Platform
I Built a Privacy-First Online Image Tools Platform That Runs 100% in the Browser Most...

Dev.to · Iurii Rogulia
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
How to Build a Next.js App in 30 Languages (Without Losing Your Mind)
Next.js i18n with App Router at production scale — routing, type-safe translations, hreflang, and the formatting traps no tutorial warns you about.

Dev.to · morestrive
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Building True Vector PDF Export in the Browser with fabric.js
Building True Vector PDF Export in the Browser with fabric.js https://yft.design/...

Dev.to · Danilo Eduardo Lopez Corozo
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Day 0 — visual concept for a small cloud platform
Day 0 — visual concept for a small cloud platform I’m starting a small project around cloud hosting...

Dev.to · goodlords
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Modern UI Architecture (Part 4): Design Ownership and Team Rollout
现代化 UI 架构总结:设计主权回归与团队落地 本文是 UI 架构系列的第四篇,也是最后一篇。建议先阅读 第一篇:三层颜色体系与系统化设计方案、第二篇:Drawable...

Dev.to · Pratik Goswami
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Part I: Don't Wait for Data. Render What You Know.
Part I of the series "Don't Let the User Wait - Render Quickly to Keep Their Attention." ...

Dev.to · soma ryuu
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
What Web3 Founders Actually Think About Design (And Why Most Get It Wrong)
Design in Web3 is a contested topic. Founders disagree. Builders disagree. And the products reflect...

Dev.to · soma ryuu
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Web3 Design: Why Beautiful Interfaces Are Also the Most Usable
There is a persistent myth in product design that usability and aesthetics are in tension. That...

Dev.to · soma ryuu
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Web3 Design Principles for DeFi Dashboards
DeFi dashboards are some of the hardest UI problems in product design. You are asking people to make...

Dev.to · Alan West
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
How to fix the 'AI-generated' look in your frontend
Why AI-generated frontends all look the same, and four concrete fixes — custom palette, asymmetric layouts, component vocabulary, and lint rules.

Dev.to · Aleksey Alekseev
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
kovax-react 0.6: Pagination, breakpoint hooks, and one source of truth for responsive layout
kovax-react 0.6 is on npm. If you already use kovax-react 0.5 with ThemeProvider and CSS-variable...

Dev.to · Me
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
I built an AST-powered visualizer for Reactjs, Next.js to solve my own architectural debt (and 50+ devs just joined the waitlist)
We’ve all been there. You open a Reactjs, Next.js project that started small. But after a few weeks...

Dev.to · Harshit Luthra
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Seven visual tools, one diagram
Excalidraw is fast, but everything I make in it ends up looking the same. I tried seven tools that promise blog visuals with attitude — on a single diagram — an

Dev.to · Drew Marshall
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Frameworks Solve UI. Engines Solve Businesses.
Most web frameworks solve one part of the problem really well: building interfaces. And to be clear,...

Dev.to · Fayaz Bin Salam
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
I built a React + Material-UI portfolio template — 198 forks later, here's how it works
i've been building android libraries, rust CLIs, electron apps — a lot of projects across a lot of...

Dev.to · PSRESTful
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
A New, More Intuitive PromoSync: Redesigned Main Menu, Shop Overview, and Settings
We just shipped a UX refresh for PromoSync, our Shopify app that syncs PromoStandards suppliers into...

Dev.to · a11ySolutions
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Accessible error messages: the patterns that work across JAWS, NVDA and VoiceOver
You added aria-live="assertive". You set aria-invalid="true". You tested in Chrome with a mouse. The...

Dev.to · 137Foundry
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
How to Implement Skeleton Screen Loading in React
Skeleton screens are more effective than spinners for content loading because they show structure...

Dev.to · Jakub Andrzejewski
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Avoid Unnecessary Re-renders in Vue with `v-memo`
When building Vue applications, performance usually feels great by default - Vue’s reactivity system...

Dev.to · J Now
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
A terminal theme tuned for prose, not syntax — built around Klein Blue
Most of my working hours in Claude Code are spent reading English. Tool output, permission prompts,...

Dev.to · Amirah Nasihah
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Creating Dynamic Lists in React: A Step-by-Step Guide
Creating Dynamic Lists in React: A Step-by-Step Guide Lists in React are similar to lists...

Dev.to · Todor Gospodinov
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
SpecPeek vs Figma Dev Mode: Share Design Specs Without Paid Developer Seats
Figma's free viewer covers basic inspection, but Dev Mode requires paid seats. SpecPeek publishes Figma frames as shareable URLs with CSS, Tailwind, annotations

Dev.to · 137Foundry
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Understanding Cache Storage Strategies for Progressive Web Apps
The Cache Storage API is what makes service workers useful for offline support. It gives your service...

Dev.to · Hicham
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Built a Modern Tailwind Template for SaaS & Corporate Websites
I recently launched Finly, a modern HTML template crafted for agencies, startups, SaaS platforms, and...

Dev.to · Yavuz Özgüven
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
How I built an interactive JSON visualizer in the browser (no react-flow)
Every time I debugged a deeply nested API response, I scrolled. I counted brackets. I lost my place....

Dev.to · Mustafa ERBAY
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
MDX Layout Best Practices: Import Order and Component Placement
While developing my bilingual technical blog, I became very familiar with MDX files. Initially, my...
Simon Willison's Blog
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Quoting Julia Evans
[...] in the last 10 years I’ve learned to really love and respect CSS as a technology. So I decided years ago that I wanted to react to “CSS is hard” by gettin

Dev.to · qcrao
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Why I avoided gamification in a vocabulary tool for adult learners
When you build a language learning product in 2026, the default playbook is gamification. Streaks,...

Dev.to · Nick Benksim
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Properties of scroll-timeline: creating animations on scroll without JavaScript
Stop Using JS for Scroll Animations: Meet Scroll-Timeline Grab a coffee, friend. We need to talk...

Dev.to · J Now
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Inline context for every article, without leaving the page
I read slowly. Not because I'm patient, but because half the concepts in any given article have...

Dev.to · Instinctor
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Instinctor: a Web Platform Where the Page Builder Is a Real WebGL Engine, Not a Wrapper Around Templates
Instinctor is a web platform with native WebGL 3D scroll, autonomous chat built into the platform...

Dev.to · Hicham
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Launch Modern Corporate Websites Faster with Finly
Over the past few weeks, I’ve been working on Finly — a modern HTML template designed for startups,...

Dev.to · ManojGompa
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Query Filters, UI Design and the CNF/DNF caveat nobody talks about
I've worked on plenty of things — some more complex, some more well-known. But every now and then,...

Dev.to · Eldho Paulose
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Hören Sie auf, Bilder einzeln zu bearbeiten — Dieses kostenlose Browser-Tool verarbeitet Hunderte auf einmal
Wir kennen das alle. Sie haben 200 Produktbilder, die auf 800×800 skaliert, in WebP konvertiert und...

Dev.to · vinay kalwale
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
I Built and Open Sourced a Futuristic Neon-Styled React UI Library Called NeonBlade UI
Frontend and UI design has always been the part of development I enjoy the most, especially...

Dev.to · Philemon Chiro
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Notekeeper: a Google Keep wall for your Obsidian vault
Notekeeper is a free, open-source Obsidian plugin that turns your vault into a sticky-note wall. Pin...

Dev.to · 汪小春
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Why we hardcoded 8 niche presets instead of letting GPT generate slide layouts
Most AI slide tools let GPT decide everything — the layout, the typography hierarchy, the section...

Dev.to · Chloe Zhou
🖌️ UI/UX Design
⚡ AI Lesson
1mo ago
Migrating MUI in a Single-SPA Microfrontend — What the Official Docs Don't Tell You
This article is the third in a series. The first two cover individual problems in detail: MUI v4/v5...
DeepCamp AI