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 · demotape
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
My UX designer couldn't log in to my demo and I had no idea why
Last week I shared a new project with our UX designer. Sent her an ngrok link, asked her to try the...

Dev.to · Raj
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Scaling Vue.js for the Next Million: Lessons from 100k+ Concurrent User Environments
When you’re building a hobby project, Vue’s reactivity feels like magic. But when that project hits...

Dev.to · 3DImli-Store Builder Platform
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Your Design Skills Are Worth More Than You Think - How to Sell Canva Templates as a Side Project
How developers and designers are building passive income selling Canva templates. Covers niche selection, pricing, platform economics, and scaling strategies.

Dev.to · Farhan Munir
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Build Log: Added the Text Overlay Page UI for Reel Quick
Build Log: Added the Text Overlay Page UI for Reel Quick Today I worked on the frontend...

Dev.to · Dzianis Halka
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Improving New User Conversion to the Home Screen (Iteration 2)
Hi everyone! Today (as I’m writing this), it’s Friday, I’ve got a couple of hours, and I want to...

Dev.to · Aman Kureshi
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
🏆 Secured 1st Rank in Web Design During My MCA
I’m excited to share that I’ve secured 🥇 1st Rank in Web Design during my MCA at KSV...

Dev.to · Vivian Voss
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
The Native Popover That Positions Itself
Stack Patterns — Episode 10 Every frontend team has written this code: a tooltip that appears on...

Dev.to · Bruno Arias Jimenez
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
I launched my first SwiftUI Neumorphic UI kit today
When I started building apps, I quickly realized something: My UI looked… inconsistent. Not...

Dev.to · subash
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
HISTORY OF CSS
CSS stands for cascading style sheet Css is used to style HTML elements history of...

Dev.to · self-dev
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
I Ported audio-ui (shadcn / React) to Svelte — Here’s What I Learned
Recently, I’ve been exploring how far the headless + composable UI philosophy can go outside the...

Dev.to · jQueryScript
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
facehash: Generate Deterministic Avatar Faces in React
facehash: a React component that generates deterministic avatar faces from any string: emails,...

Dev.to · jjangik
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Building Infinite Scroll Galleries with GSAP and Three.js Shaders
I've been experimenting with infinite scroll gallery interactions — the kind you see on...

Dev.to · Vitaly Skadorva
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Accessible web testing with Cypress and wick-a11y
I spent a couple of hours building a custom logging callback for cypress-axe. It formatted violations...

Dev.to · Rohith
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Why Most Frontend Apps Are Smarter Than Their Engineers Realize
Your app might feel simple. A user clicks a button, types in a form, or navigates a page — and...

Dev.to · matt765
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
I built an open-source dashboard starter in Next.js 16 & Tailwind 4
I've been working on Nellavio, an open-source dashboard starter - the goal was to have stuff like...

Dev.to · Ramon Sanz
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
The Missing Layer in E-commerce UX: Why Virtual Try-On Is Finally Ready
If you’ve ever worked on an e-commerce product page, you know the uncomfortable truth: No matter how...

Dev.to · BeanBean
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
CSS Grid Lanes (Masonry Layout) Is Here: A Complete Guide for 2026
Originally published on NextFuture Pinterest-style masonry layouts used to require JavaScript...

Dev.to · purposewalker
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Hookraft
React devs are still rewriting the same logic in every component… I built Hookraft to fix that Custom...

Dev.to · he zidong
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
What building a low-friction browser game portal taught me about web UX
If you build for short sessions, every bit of friction shows up immediately. That became obvious...

Dev.to · Dharshini Sai Avula
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
From Vision to Interface: Phase 2 Begins
We spent that stage shaping the concept, understanding the flow, and making sure the system logic...

Dev.to · James Carter
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Why Framer Is Too Hard for Most People (And What to Use Instead)
I'm a technical founder. I've built production web applications. I use Photoshop. I've built 3D...

Dev.to · Ahmed Abderrafie
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Visualizing Rhythm as Geometry - A Dev Experiment
Most rhythm tools show beats on a timeline. But rhythm is cyclical, not linear. That got me...

Dev.to · Sam | BelievioniX
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
BelievioniX
BelievioniX Everyone today can build a website. Drag. Drop. Publish. WordPress....

Dev.to · itdragon
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Design is Hard: How I Fixed My App’s Ugly UI with AI Assistance
From “Ugly” to “Sleek”: A Solo Developer’s Battle with UI Design The Curse of “Engineer...

Dev.to · Simon
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
How I built a browser-based photo collage maker
When I started building a browser-based photo collage maker, I assumed the hard part would be the...

Dev.to · Shuffling Psyducks
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
How to build an Instagram-style "Shot on Canon" UI in Flutter in 5 minutes
If you are building a social media clone, a real estate app, or a photography portfolio in Flutter,...

Dev.to · Ayantik Sarkar
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Pulse UI - I am building My Own UI Component Library (Here’s Why)
Try it: https://pulseui-henna.vercel.app/ Github: https://github.com/ayantik2006/pulse-ui Most...

Dev.to · Oliver Pitts
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Top 10 Figma To Magento Migration Companies
Why Figma to Magento Is Not Just “Conversion” From a developer’s perspective: Figma →...

Dev.to · slice-code
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Building a Chat UI with el.js (Vanilla JavaScript Approach)
Today I built a lightweight and flexible Chat UI component using a modular vanilla JavaScript...

Dev.to · CloudAiRambo
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Free Online Image to ICO Converter – Create Icons in Seconds
If you’ve ever needed a favicon or app icon, you know how frustrating it can be to convert images...

Dev.to · Bytezero Inc
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
A Guide to Website Design for California Small Businesses: Beyond the Template
Your Digital Foundation in the Golden State In a market as dynamic and competitive as California’s,...
![I built a free dark portfolio template you can set up in 5 minutes [no React, no npm, no headache]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4ptv02uok49qlr95hju4.png)
Dev.to · Patience Philip
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
I built a free dark portfolio template you can set up in 5 minutes [no React, no npm, no headache]
Most free portfolio templates have the same problem. You download them excited, open the folder, and...

Dev.to · Rohith
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Building UI Is Easy Until Real Users Arrive
Building a UI in development feels easy. The layout looks clean. The buttons work. The API responds...

Dev.to · Krunal Panchal
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
React Native vs Flutter vs Expo vs Lynx 2026: Which to Choose for Your App?
An honest comparison of React Native, Flutter, Expo, and Lynx for cross-platform mobile development in 2026. Decision framework included.

Dev.to · innostes
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Stop Styling React Components Manually in 2026
Rebrand Your Entire React App in One Line Most React apps start clean. But as the app grows, UI...

Dev.to · FreeFrontend
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
10+ CSS Animation Examples
This updated collection provides essential CSS animations designed to enhance user engagement...

Dev.to · Parsa Jiravand
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
🧩 Stop Using Heavy Captchas — Try This Vue 3 Client-Side Alternative
If you need a lightweight human check in a form—login, contact, signup—but don’t want to wire up...

Dev.to · Alaa Elghamry
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Your AI Doesn't Generate Bad Designs. You Do!
Stop Vibe Coding Your UI. Start Directing It. I'm a frontend dev with taste and no design...

Dev.to · Thoithoi Shougrakpam
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
How We Migrated 150+ Components from MUI to Carbon Design System v11 (And Reduced Accessibility Violations by 78%)
A practical account of a large-scale UI library migration — what we planned, what broke, and what...

Dev.to · Maxim Logunov
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Mastering the Orchestration Pattern in React: Taming Complex Component Logic
TL;DR: The Orchestration Pattern is a powerful way to manage complex interactions between components,...

Dev.to · Alexandr Zahatski
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Podlite Desktop 0.7.0 — smart lists, code folding
Podlite Desktop 0.7.0 is out. A free, open source editor for Podlite markup — a block-based language...

Dev.to · Basel Askar
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
LayoutSans: Full 2D layout engine built on top of Pretext (flex, grid, magazine — zero DOM)
Pretext solves text measurement without touching the DOM. I built LayoutSans as the next layer: it...

Dev.to · Gareth Dunne
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Exploring MCP UI - the next integral UI layer
Quick note: I'm looking to dive deeper into the technical nature of MCP UI in a separate post. In...

Dev.to · Hope Clarke
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
KeyFrame Animation in 2026- Creating Fire with CSS!
When I began my journey into software design, I attended an event where an alum of the program I was...

Dev.to · Mary Piakovski
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Milliseconds Cost Millions: How to Architect High-Conversion Product Grids in SwiftUI
A production-grade guide to building scroll-fast, revenue-optimised iOS product grids — from...

Dev.to · freecolortheory
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Understanding the Color Wheel for Better Design Choices
The color wheel is one of the most essential tools for designers, artists, and anyone working with...

Dev.to · 吴迦
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
React to PPTX: The Unsolved Problem That's Costing Developers Thousands of Hours
Why exporting Framer Motion animations to PowerPoint is harder than it looks—and what we're doing about it at PitchShow

Dev.to · Alex Spinov
🖌️ UI/UX Design
⚡ AI Lesson
3mo ago
Figma Has a Free API — Here's How to Extract Design Tokens and Automate Your Workflow
A frontend developer told me he spent every sprint manually copying hex codes, font sizes, and...
DeepCamp AI