DEV Community

# uidesign

Posts

👋 Sign in for the ability to sort posts by relevant, latest, or top.
Mastering Frontend Design: UI/UX Principles for Full Stack Engineers

Mastering Frontend Design: UI/UX Principles for Full Stack Engineers

Comments
2 min read
Building Beautiful UIs with React.js and Material-UI

Building Beautiful UIs with React.js and Material-UI

15
Comments
3 min read
The Art and Science of UI/UX Design: Crafting Digital Experiences

The Art and Science of UI/UX Design: Crafting Digital Experiences

1
Comments
3 min read
How to increase your product page conversion rate [20+ examples]

How to increase your product page conversion rate [20+ examples]

5
Comments
5 min read
Adding Material-UI to Your React Project

Adding Material-UI to Your React Project

7
Comments 1
1 min read
How to choose a design system

How to choose a design system

2
Comments
4 min read
Top 10 Best Figma UI Kits [Designers Edition]

Top 10 Best Figma UI Kits [Designers Edition]

6
Comments
8 min read
From Paper to Pixels: Navigating the Evolution of Web Design for Impactful Digital Products

From Paper to Pixels: Navigating the Evolution of Web Design for Impactful Digital Products

Comments
8 min read
Drag-and-Drop Adorners & Popups

Drag-and-Drop Adorners & Popups

Comments
9 min read
A tool to Make CSS Box Shadows Effortlessly

A tool to Make CSS Box Shadows Effortlessly

81
Comments 19
3 min read
Creating a Simple Calculator UI with Flutter: Inspired Design from Dribbble

Creating a Simple Calculator UI with Flutter: Inspired Design from Dribbble

10
Comments 1
14 min read
UI Challenge - Elevate CSS masking techniques

UI Challenge - Elevate CSS masking techniques

3
Comments
3 min read
Improving User Interfaces by Skillfully Implementing Colors

Improving User Interfaces by Skillfully Implementing Colors

1
Comments
5 min read
Mastering the art of hiding scrollbars with CSS

Mastering the art of hiding scrollbars with CSS

2
Comments 1
3 min read
How to Create an Attractive File Upload Widget With React/Next.js and Tailwind CSS

How to Create an Attractive File Upload Widget With React/Next.js and Tailwind CSS

6
Comments
5 min read
Enhancing Form Usability with Framer Motion: A Guide to Animated, Chunked Form Transitions

Enhancing Form Usability with Framer Motion: A Guide to Animated, Chunked Form Transitions

Comments
9 min read
ChickenVision🐔👀: UI/UX Research and Design Update

ChickenVision🐔👀: UI/UX Research and Design Update

1
Comments 2
2 min read
GeniusUI: Revolutionize your UI design with GeniusUI - the AI-powered component generator

GeniusUI: Revolutionize your UI design with GeniusUI - the AI-powered component generator

3
Comments
1 min read
Minimalist accordion design

Minimalist accordion design

3
Comments
2 min read
The Definition of User Experience (UX)

The Definition of User Experience (UX)

3
Comments
11 min read
Text Balance in CSS is coming 🔥

Text Balance in CSS is coming 🔥

25
Comments 3
2 min read
Free Design Resources 🤩🚀

Free Design Resources 🤩🚀

19
Comments 1
6 min read
What is UI/UX Design?

What is UI/UX Design?

Comments
3 min read
UI Design Roadmap 2023

UI Design Roadmap 2023

6
Comments 2
2 min read
A Developer's Guide To Improving Your UI/UX Design Skills Quickly and Easily

A Developer's Guide To Improving Your UI/UX Design Skills Quickly and Easily

2
Comments
6 min read
14 Figma UI Kit Templates, both free and paid

14 Figma UI Kit Templates, both free and paid

10
Comments
6 min read
Front-End development vs. UI Design. or are both equally important

Front-End development vs. UI Design. or are both equally important

3
Comments 2
1 min read
A Simple Guide to Gestalt Principles In UI/UX Design

A Simple Guide to Gestalt Principles In UI/UX Design

7
Comments 1
4 min read
Top 17 UI Design Mistakes That Lead to Failure of Your Website

Top 17 UI Design Mistakes That Lead to Failure of Your Website

9
Comments
8 min read
Deepgram x DEV Hackathon Submission - VocalBridge - An AudioBook & Podcast Speech-to-Text application!

Deepgram x DEV Hackathon Submission - VocalBridge - An AudioBook & Podcast Speech-to-Text application!

24
Comments 16
6 min read
We build a tool that identifies colors from a website URL and generate a CSS/Sass code palette

We build a tool that identifies colors from a website URL and generate a CSS/Sass code palette

64
Comments 5
2 min read
css overlay: create an overlay with opacity without affecting content inside the overlay

css overlay: create an overlay with opacity without affecting content inside the overlay

6
Comments
1 min read
How to share your styles with your team in Figma

How to share your styles with your team in Figma

2
Comments
2 min read
Create a new Figma grid style

Create a new Figma grid style

4
Comments
3 min read
Figma Responsive Auto layout using the Resizing Feature

Figma Responsive Auto layout using the Resizing Feature

2
Comments
3 min read
How to edit components in Figma

How to edit components in Figma

7
Comments
2 min read
How to share your components with your team in Figma

How to share your components with your team in Figma

2
Comments
2 min read
How to create component’s variants in Figma

How to create component’s variants in Figma

7
Comments
3 min read
How to create Navigation bar in Figma

How to create Navigation bar in Figma

3
Comments
1 min read
Figma Tutorial — How to design a landing page for your eBook

Figma Tutorial — How to design a landing page for your eBook

6
Comments
1 min read
6 Things Pokémon Cards Will Teach You About Design

6 Things Pokémon Cards Will Teach You About Design

4
Comments
7 min read
UI Design Process

UI Design Process

5
Comments
1 min read
Day 9: Picking the dark-mode color palette for web app buttons logically

Day 9: Picking the dark-mode color palette for web app buttons logically

6
Comments
10 min read
Day 8: Positioning buttons over embedded Google Maps

Day 8: Positioning buttons over embedded Google Maps

6
Comments
18 min read
How To Never Run Out Of Ideas As A Designer

How To Never Run Out Of Ideas As A Designer

3
Comments
4 min read
Day 7: Making buttons look like "clouds" for embedded Google Maps

Day 7: Making buttons look like "clouds" for embedded Google Maps

9
Comments 3
26 min read
Day 6: Using Google Fonts as Google Maps place markers

Day 6: Using Google Fonts as Google Maps place markers

2
Comments
30 min read
How To Improve The Usability Of Password Fields

How To Improve The Usability Of Password Fields

4
Comments
5 min read
Design A Website From Scratch In 7 Steps

Design A Website From Scratch In 7 Steps

2
Comments
7 min read
UI Design Fundamentals

UI Design Fundamentals

4
Comments
1 min read
5 Ways For A UI Designer To Come Up With Ideas

5 Ways For A UI Designer To Come Up With Ideas

6
Comments
4 min read
Color psychology in web design

Color psychology in web design

66
Comments 1
3 min read
Dark/Light theme switcher for your Website.

Dark/Light theme switcher for your Website.

5
Comments
2 min read
How to create and organize your Color styles in Figma

How to create and organize your Color styles in Figma

2
Comments 1
2 min read
Text Styles and Typography Hierarchy in Figma

Text Styles and Typography Hierarchy in Figma

1
Comments
3 min read
How to organize your design’s components in Figma

How to organize your design’s components in Figma

18
Comments
3 min read
Dark/Light Mode Toggle: a Usability Issue

Dark/Light Mode Toggle: a Usability Issue

16
Comments
2 min read
Parallax Scrolling Effect

Parallax Scrolling Effect

9
Comments
2 min read
Fill Background Animation using CSS

Fill Background Animation using CSS

16
Comments 1
3 min read
Some UI-Design Frontend Framework

Some UI-Design Frontend Framework

4
Comments 1
1 min read
loading...