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.
Kor – Building a Design System from scratch

Kor – Building a Design System from scratch

9
Comments
5 min read
How to create scroll animations without a library

How to create scroll animations without a library

1
Comments 1
3 min read
The best scroll-based animation libraries

The best scroll-based animation libraries

3
Comments
5 min read
React Native: Adaptive layout for UI

React Native: Adaptive layout for UI

12
Comments 3
4 min read
The Gold Mine of UI Frameworks: BaseWeb

The Gold Mine of UI Frameworks: BaseWeb

3
Comments
8 min read
10 Major UI/UX Design Trends for 2021

10 Major UI/UX Design Trends for 2021

92
Comments 4
5 min read
Let's build a responsive navbar from scratch

Let's build a responsive navbar from scratch

57
Comments 2
10 min read
Why blogging is a great way to start a career in software development.

Why blogging is a great way to start a career in software development.

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

Let's build a layout from scratch

87
Comments
6 min read
"Don't Make Me Think" Summary for UI/UX designers [First Chapter]

"Don't Make Me Think" Summary for UI/UX designers [First Chapter]

3
Comments
2 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
Shiny Glass Hover Effect (Glassmorphism)

Shiny Glass Hover Effect (Glassmorphism)

50
Comments 7
4 min read
Minimal Switch in Flutter

Minimal Switch in Flutter

1
Comments
1 min read
Standardize display of checkboxes in APEX

Standardize display of checkboxes in APEX

2
Comments
2 min read
My top 5 resources for UI/UX inspiration

My top 5 resources for UI/UX inspiration

32
Comments 1
2 min read
What all we can do through Vault UI

What all we can do through Vault UI

4
Comments 6
3 min read
How to use CSS pseudo-classes for styling typographic elements

How to use CSS pseudo-classes for styling typographic elements

30
Comments 3
5 min read
The sexyest fade effect !

The sexyest fade effect !

9
Comments
2 min read
The platformOS UX/UI Process

The platformOS UX/UI Process

3
Comments
7 min read
CSS Day Night Switch (CSS/HTML only) [PART 2]

CSS Day Night Switch (CSS/HTML only) [PART 2]

53
Comments 1
5 min read
CSS Day Night Switch (CSS/HTML only) [PART 1]

CSS Day Night Switch (CSS/HTML only) [PART 1]

28
Comments
5 min read
CSS Download Loading Animation (@keyframes, clip-path)

CSS Download Loading Animation (@keyframes, clip-path)

13
Comments
3 min read
Mockups for Portfolio Website: How to add project screenshots onto digital devices for FREE

Mockups for Portfolio Website: How to add project screenshots onto digital devices for FREE

3
Comments 1
1 min read
Flexbox use cases.

Flexbox use cases.

10
Comments
3 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
Customizable traffic light with CSS (SASS @each/@for)

Customizable traffic light with CSS (SASS @each/@for)

12
Comments
3 min read
Hugo - sending hugs you really feel - Finishing touches

Hugo - sending hugs you really feel - Finishing touches

2
Comments
2 min read
CSS Loading Animation - Morphing Icons Effect (clip-path, @keyframes)

CSS Loading Animation - Morphing Icons Effect (clip-path, @keyframes)

31
Comments
3 min read
Modern Sidebar Menu

Modern Sidebar Menu

380
Comments 20
2 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
Coding the Wikipedia's Tooltip!

Coding the Wikipedia's Tooltip!

44
Comments 7
2 min read
Create and implement a loader. (easy)

Create and implement a loader. (easy)

17
Comments
2 min read
Using symbols in CSS selectors

Using symbols in CSS selectors

8
Comments 2
1 min read
Create (lovely) React Tabs !

Create (lovely) React Tabs !

15
Comments 1
1 min read
5 Reasons Why Dark Mode Matters

5 Reasons Why Dark Mode Matters

10
Comments 4
5 min read
Organizing MVU Projects

Organizing MVU Projects

20
Comments 6
19 min read
CSS morphable clip-path Ribbons

CSS morphable clip-path Ribbons

51
Comments 2
4 min read
Frontend Resources

Frontend Resources

54
Comments
4 min read
Part 1 - TODO app UI building using Flutter

Part 1 - TODO app UI building using Flutter

10
Comments
6 min read
Async/await is awesome, but don’t abandon Promises

Async/await is awesome, but don’t abandon Promises

3
Comments
3 min read
Web Development. From Design to Code

Web Development. From Design to Code

11
Comments
8 min read
How to Build a Quick UI for Your Restful API + Howto Cheatsheet

How to Build a Quick UI for Your Restful API + Howto Cheatsheet

7
Comments
4 min read
How to design anything? Free Templates for everything!

How to design anything? Free Templates for everything!

5
Comments
1 min read
Using CSS variables to create a dark mode for your site

Using CSS variables to create a dark mode for your site

17
Comments 5
3 min read
Tailwind UI dropdown menu - React vs Svelte

Tailwind UI dropdown menu - React vs Svelte

10
Comments
3 min read
Modals Are Promises

Modals Are Promises

6
Comments
1 min read
What's your favorite CSS approach?

What's your favorite CSS approach?

45
Comments 31
1 min read
Styled Components for Everyone - Welcome Cinnamon Wrap 1.0 🌯

Styled Components for Everyone - Welcome Cinnamon Wrap 1.0 🌯

8
Comments
2 min read
💾 Review 34: Modern Projects, Portfolios and Fails!! | #elefDoesCode 42:55

💾 Review 34: Modern Projects, Portfolios and Fails!! | #elefDoesCode

11
Comments
3 min read
Where do you get illustrations?

Where do you get illustrations?

506
Comments 28
1 min read
Tab groups in Chrome

Tab groups in Chrome

2
Comments
2 min read
5 different ways to create a ticket layout

5 different ways to create a ticket layout

44
Comments 1
8 min read
💽 Review 33: Portfolios and new projects!! | #elefDoesCode 23:45

💽 Review 33: Portfolios and new projects!! | #elefDoesCode

17
Comments 3
3 min read
💽 Review 32: Portfolios and new projects!! | #elefDoesCode 28:42

💽 Review 32: Portfolios and new projects!! | #elefDoesCode

8
Comments
3 min read
💾 Review 31: Portfolios and new projects!! | #elefDoesCode 25:18

💾 Review 31: Portfolios and new projects!! | #elefDoesCode

6
Comments
3 min read
☘ Review 30: Portfolios and cool projects!! | #elefDoesCode 24:51

☘ Review 30: Portfolios and cool projects!! | #elefDoesCode

19
Comments
3 min read
UX/UI: How Important Is It for Developers?

UX/UI: How Important Is It for Developers?

54
Comments 3
3 min read
React Workshop - free online workshop by SCS Concordia

React Workshop - free online workshop by SCS Concordia

8
Comments
2 min read
Making Android UI testing enjoyable

Making Android UI testing enjoyable

36
Comments 11
11 min read
Typical interface mistakes developers make

Typical interface mistakes developers make

11
Comments 2
4 min read
loading...