DEV Community

# ui

Tag dedicated to posts about user interface. Tips, tricks, techniques, approaches, etc.

Posts

👋 Sign in for the ability to sort posts by relevant, latest, or top.
How to create a scalable and maintainable front-end architecture

How to create a scalable and maintainable front-end architecture

1914
Comments 34
8 min read
Where do you get illustrations?

Where do you get illustrations?

506
Comments 28
1 min read
Figma for Developers

Figma for Developers

486
Comments 10
7 min read
5 UI Tips to Become a Better Front End Developer

5 UI Tips to Become a Better Front End Developer

458
Comments 11
5 min read
5 Basic Design Concepts for Front-End Devs

5 Basic Design Concepts for Front-End Devs

433
Comments 12
3 min read
Learn basic UI design in 5 minutes

Learn basic UI design in 5 minutes

419
Comments 9
5 min read
Case Study: Building a Component Library

Case Study: Building a Component Library

411
Comments 10
10 min read
Modern Sidebar Menu

Modern Sidebar Menu

380
Comments 20
2 min read
unlimited resources for developer designer engineer

unlimited resources for developer designer engineer

303
Comments 10
39 min read
Learn UI design fundamentals with this free one-hour course

Learn UI design fundamentals with this free one-hour course

289
Comments 6
5 min read
11 Must-Know FrontEnd Trends for 2020

11 Must-Know FrontEnd Trends for 2020

287
Comments 12
12 min read
16 Useful Background Generators for Your Website Designs 🎨😍

16 Useful Background Generators for Your Website Designs 🎨😍

262
Comments 24
4 min read
Best UI Frameworks for React.js

Best UI Frameworks for React.js

255
Comments 2
7 min read
5 UX Tips to Become a Better Front End Developer

5 UX Tips to Become a Better Front End Developer

248
Comments 6
4 min read
12 Modern UI Components to Inspire Your Future Designs 😍✨

12 Modern UI Components to Inspire Your Future Designs 😍✨

238
Comments 26
2 min read
Tips on Designing a Million Dollar Dashboard

Tips on Designing a Million Dollar Dashboard

203
Comments 9
7 min read
Fluid page transitions with Svelte & Sapper

Fluid page transitions with Svelte & Sapper

199
Comments 10
3 min read
10 Top UI/UX Design Trends For 2021

10 Top UI/UX Design Trends For 2021

172
Comments 16
8 min read
UI Testing Best Practices 📜

UI Testing Best Practices 📜

168
Comments 4
4 min read
Product and Development Best Practices & Values

Product and Development Best Practices & Values

159
Comments
8 min read
Pull to refresh animation with Vanilla JavaScript

Pull to refresh animation with Vanilla JavaScript

157
Comments 13
3 min read
UI Component Design System: A Developer’s Guide

UI Component Design System: A Developer’s Guide

150
Comments 3
10 min read
How to Design Great Software Products in Small Startups

How to Design Great Software Products in Small Startups

142
Comments 4
3 min read
Top 7 UI libraries and kits for React

Top 7 UI libraries and kits for React

137
Comments 8
6 min read
Easy micro-interactions in CSS (Pt2): Multi-state button

Easy micro-interactions in CSS (Pt2): Multi-state button

131
Comments 3
6 min read
Design Principles To Achieve a Better UI/UX Design

Design Principles To Achieve a Better UI/UX Design

128
Comments 13
2 min read
CSS Grid vs Flexbox

CSS Grid vs Flexbox

125
Comments 2
4 min read
Reuse React Components Between Apps Like a Pro

Reuse React Components Between Apps Like a Pro

123
Comments 1
7 min read
Getting Adoption for Design Systems — A Practical Guide

Getting Adoption for Design Systems — A Practical Guide

123
Comments 2
8 min read
Quick A/B Poll: Which card style you like better?

Quick A/B Poll: Which card style you like better?

122
Comments 37
2 min read
Recreate: Spotify (part 1)

Recreate: Spotify (part 1)

119
Comments 12
8 min read
CSS Challenges #1 | Breadcrumbs

CSS Challenges #1 | Breadcrumbs

118
Comments 17
1 min read
Book Review: Refactoring UI (2018)

Book Review: Refactoring UI (2018)

117
Comments 10
2 min read
Flexbox changed my life, bye bye boostrap

Flexbox changed my life, bye bye boostrap

116
Comments 11
2 min read
Using Machine Learning In UI/UX With BrainJS

Using Machine Learning In UI/UX With BrainJS

115
Comments 2
9 min read
Easy micro-interactions in CSS (Pt1): Hamburger menu icons

Easy micro-interactions in CSS (Pt1): Hamburger menu icons

109
Comments 5
6 min read
An ode to the CSS owl selector

An ode to the CSS owl selector

108
Comments 12
5 min read
Learn JavaScript by building a UI framework: Part 5 - Adding Events To Dom Elements

Learn JavaScript by building a UI framework: Part 5 - Adding Events To Dom Elements

106
Comments
7 min read
Picking the right stock photo for your next design project

Picking the right stock photo for your next design project

106
Comments 9
4 min read
4 benefits of prototyping before coding

4 benefits of prototyping before coding

103
Comments 3
3 min read
Color Theory for Product Makers

Color Theory for Product Makers

101
Comments
3 min read
Top React UI Libraries and frameworks

Top React UI Libraries and frameworks

99
Comments 8
3 min read
The Future of Color in CSS

The Future of Color in CSS

98
Comments 1
8 min read
CSS Grid Layout Template Areas (Secrets of Painless Layout)

CSS Grid Layout Template Areas (Secrets of Painless Layout)

98
Comments
5 min read
10 Major UI/UX Design Trends for 2021

10 Major UI/UX Design Trends for 2021

92
Comments 4
5 min read
10 Sites to Level Up Your UI Skills

10 Sites to Level Up Your UI Skills

91
Comments 2
3 min read
Float UI: The Tailwind UI Alternative for Building Beautiful Web Interfaces

Float UI: The Tailwind UI Alternative for Building Beautiful Web Interfaces

90
Comments 34
3 min read
An easy scroll box implementation

An easy scroll box implementation

88
Comments 7
8 min read
Interfacing your UI components

Interfacing your UI components

88
Comments
6 min read
Commonly Used UI Components In React

Commonly Used UI Components In React

88
Comments 8
3 min read
Web Accessibility: By making your website accessible, you automatically increase the target audience.

Web Accessibility: By making your website accessible, you automatically increase the target audience.

87
Comments 2
8 min read
Let's build a layout from scratch

Let's build a layout from scratch

87
Comments
6 min read
Dev.to's new UI 🔥

Dev.to's new UI 🔥

86
Comments 57
1 min read
CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)

CSS Loading Animation - Ripple Effect in Mosaic (keyframes, flex box)

85
Comments
3 min read
3 Ways to create a Navbar (CSS Grid Layout)

3 Ways to create a Navbar (CSS Grid Layout)

83
Comments 3
6 min read
Please, use modals wisely.

Please, use modals wisely.

79
Comments 5
7 min read
The complete guide to building inline editable UI in React

The complete guide to building inline editable UI in React

76
Comments 2
8 min read
UI Design System and Component Library: Where Things Break

UI Design System and Component Library: Where Things Break

74
Comments 1
8 min read
How to Build a Modular React Component Library

How to Build a Modular React Component Library

72
Comments 2
4 min read
Smart web design. Part II: Customizable color theme in 10 minutes 🦜⏱

Smart web design. Part II: Customizable color theme in 10 minutes 🦜⏱

68
Comments 2
3 min read
loading...