Ui Patterns

Skip to content

When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.

Web And App Design

Ui patterns

Discover Pinterest’s best ideas and inspiration for Ui patterns. Get inspired and try out new things.

1k people searched this

·

Last updated 1mo

three different webpage layouts in blue and black

Awakening

Awakening

three screens showing the different settings for an app

Questionnaire Screen

Questionnaire Screen designed by Jagdev Soni. Connect with them on Dribbble; the global community for designers and creative professionals.

the hamburger menu is displayed in pink and blue

10 Essential UI Design Patterns Every Designer Should Know |

Explore popular UI design patterns like modal dialogs, hamburger menus, infinite scrolling, progress indicators, and pull to refresh.

the buttons menu is shown in different colors

UI Kit - Buttons

UI kit – buttons. There are a lot of states you can depict when it comes to buttons, it's more than just active/inactive.

an image of a website page with different colors

UI Components for Application

UI/UX, Web Design, App Design, Adobe Photoshop, Adobe Illustrator

two screens showing the different types of webpages and what they are used to create them

8 best practices for UI card design

What is important for you in the UI card design? I’d like to share with you the best practices that I’ve collected. Before that, let’s start with a basic UI card overview and where cards are commonly…

the buttons and controls in this app are all different colors, shapes, and sizes

Buttons UI design patterns

Learn more about how to quickstart your dashboard project in Figma with Material Desktop UI library by Setproduct

an image of a web page with buttons and other items on it's side

Design System - Sameer Ahmed

Interaction Design, UI/UX, Product Design, Figma

an image of a web page with buttons and infos

ods_buttons_input.png by allen jordan

UI Buttons and inputs

an image of a website page with different colors

Figma Design System - Md Zia Uddin

UI/UX, Web Design, Product Design, Figma

the desktop app grid for uxu

Jan Mráz on LinkedIn: A desktop app grid with a sidebar provides an organized and intuitive…

A desktop app grid with a sidebar provides an organized and intuitive interface, combining a grid layout for main content with a sidebar for easy navigation…

the tabs component is displayed in this screenshote, which shows how to use it

Jan Mraz (@janm_uiux) on X

Ultimate design style cheat sheet for tabs menu component 🖥️

the front cover of a book with an abstract design in purple and blue on it

Tech App Interface Design

2024 Design Trends Follow @usevisuals for more design content. #UIUXdesign #UserExperience #WebDesign #MobileDesign #DigitalDesign #InteractionDesign #UlInspiration #UXInspiration #DesignThinking #VisualDesign #UlDeveloper #UserInterface #UserCentricDesign #ResponsiveDesign #UIUXStudio #CreativeDesign #DesignFeedback #DesignProcess #designinspiration #ui #graphicdesign #ui #branding #designforstartups #learndesign #designforstartups #uidesigntips #productdesignideas

two screens showing the different types of web pages, each with their own content type

Browse thousands of Bread Crumbs images for design inspiration

Explore thousands of high-quality bread crumbs images on Dribbble. Your resource to get inspired, discover and connect with designers worldwide.

the screenshot shows different types of text, and other things to do with them

Chips selection for filters UI design in Figma

Chips selection for filters UI design in Figma designed by Roman Kamushken for Setproduct. Connect with them on Dribbble; the global community for designers and creative professionals.

an image of a web page with the text'ultimate spacing chat app '

Ux Design Process Guide

four different shapes on a black background

X Y Graph

the font and numbers are arranged in different shapes to create an interesting display for your website or presentation

Morphism Design

Today on the blog, we're sharing some helpful tips & best practices for experimenting with the latest UI design trend—neumorphism (AKA soft UI). ⠀ Shot by @otakoyi⠀@dribbble ⠀ #neumorphism #uidesign #productdesign #design

the top ten things you can do to improve your business's performance in 2013

Loading & progress indicators — UI Components series

Engage users and enhance waiting experiences with these simple recommendations.

several different types of stickers on a white background, each with different colors and shapes

React design system UI kit - Chips, Select, Filters for Figma

React design system UI kit - Chips, Select, Filters for Figma designed by Roman Kamushken for Setproduct. Connect with them on Dribbble; the global community for designers and creative professionals.

Related interests

Ui Design Patterns

Material Design Ui

Mobile UI Patterns

Creative Ui Design

Ui Elements Design

Ui Design Ideas

Ui Design Trends

Ui Design Inspiration

Ui patterns and more

Explore related boards

UiUx

Cloud Design

flyers

web

Cristhians Chacon Ramirez

Mobile & web