Filter Result for:

UI Components

What are Empty States in UI Design and How to Use Them?

December 12, 2024

What are Empty States in UI Design and How to Use Them?

In UI/UX design, empty states have the purpose of letting the user know when something is not happening the way it was supposed to.

What are Mega Menus in UI Design and How to Use Them?

December 5, 2024

What are Mega Menus in UI Design and How to Use Them?

Mega menus are UI elements that provide users with a large dropdown navigation menu, organizing multiple website links for easier access and improved usability.

What are Loading Spinners in UI Design and How to Use Them?

November 25, 2024

What are Loading Spinners in UI Design and How to Use Them?

In UI/UX design, a loading spinner is used to offer the user an answer when the website, app, or software design doesn’t load properly.

What are Chats in UI Design and How to Use Them?

November 11, 2024

What are Chats in UI Design and How to Use Them?

Chats are UI/UX design elements that support sending and receiving messages, videos, documents, emojis, and audio recordings. Find out more about chats UI.

What are Avatars in UI Design and How to Use Them?

October 31, 2024

What are Avatars in UI Design and How to Use Them?

UI design avatars carry a functional purpose – to simplify the whole process and create a better user experience. Find out more about avatars in UI design.

Principles of Using Accordions in Your UI UX Design

October 25, 2024

Principles of Using Accordions in Your UI UX Design

We can use accordions in our UI UX design in many ways. Find out everything about accordions and how to use these UI elements in your design process.

What is a Navigation Rail and How to Use it in UI UX Design?

October 18, 2024

What is a Navigation Rail and How to Use it in UI UX Design?

In UI design, navigation rails provide intuitive and easy access to different destinations in the primary app or website. Learn more about navigation rail UI.

What is a Color Picker and How to Use it in UI UX Design?

October 8, 2024

What is a Color Picker and How to Use it in UI UX Design?

A color picker is a UI/UX design tool that allows the user to select and adjust a color value by entering the HEX/RGB color value from a string of colors.

What are File Upload Components and How to Use Them in UI UX Design?

October 3, 2024

What are File Upload Components and How to Use Them in UI UX Design?

Discover the file upload UI design element, from how it translates into the UI of apps and websites to helpful UI UX designer tips on creating them.

Timeline: What is Timeline in UI Design and How to Use it?

September 30, 2024

Timeline: What is Timeline in UI Design and How to Use it?

In UI design, timelines help users visually track future and past events in chronological order and can be used for multiple purposes across design processes.

What Are Charts in UI Design And How To Use Them?

September 24, 2024

What Are Charts in UI Design And How To Use Them?

Charts are UI elements used to compare, visualize, and analyze different data by using a simplified graphical representation.

What are Toasts and How to Use Them in UI Design?

September 16, 2024

What are Toasts and How to Use Them in UI Design?

In UI design, toasts are elements that provide users with feedback about an action that is related to the page they are currently navigating.

What are UI UX Drawers and How to Use Them in UI UX Design?

September 5, 2024

What are UI UX Drawers and How to Use Them in UI UX Design?

A drawer is the UI element that provides contextual information, while also keeping the main object in view. So, how can we use them in our UI UX designs?

NavBars: What Are NavBars in UI Design and How To Use Them?

August 21, 2024

NavBars: What Are NavBars in UI Design and How To Use Them?

Navigation Bars are a group of menu items or icons created to allow our users to navigate through different sections of our platforms.

Ratings: What Are Ratings in UI Design and How To Use Them?

August 15, 2024

Ratings: What Are Ratings in UI Design and How To Use Them?

In UI design, ratings show public perception of a product or service and let users share their own feedback, enhancing trust and user engagement.

Tooltips UI: What Are Tooltips and How To Use Them in UI UX Design?

What Are Tooltips UI and How To Use Them in UI UX Design?

A tooltip is a UI element usually attached to a button or any other interactive user interface element available to deliver additional information.

Radio Buttons: What Are Radio Buttons in UI Design and How To Use Them?

What Are Radio Buttons in UI Design and How To Use Them?

A radio button is an input field where our users are given a group of mutually exclusive options and must select only one option from a group of options.

What Are Cards In UI Design and How to Use Them?

What Are Cards In UI Design and How to Use Them?

Cards are UI components that help designers by offering visual groups of logically structured information. Learn more about cards in UI design.

What Are Steppers and How To Use Them In Your UI UX Design?

What Are Steppers in UI UX Design?

Steppers are a UI design element used to display the progress a user has achieved. Steppers are divided into horizontal, vertical, and radial steppers.

What Are Accordions in UI Design?

Accordions – What Are Accordions in UI Design?

This article explores the topic of the UI element that allows users to reveal or hide content - also known as the accordion. Find out more about accordions UI.

What are Figma Components? Using Reusable UI Elements

What are Figma Components? Using Reusable UI Elements

Find out how a design system can help you create Figma Components and deliver faster UI design solutions using reusable UI elements.

How To Use Gauge Elements in UI Design

How To Use Gauge Elements in UI Design

Gauges (or activity gauges) are UI design elements that show progress when completing a goal. Read more about what are gauges in UI design.

What Are UX/UI Wireframes?

What Are UI/UX Wireframes?

Wireframes in UI/UX design: A breakdown of their purpose, types, and how they contribute to user-friendly interfaces.

What are Banners in UI Design? Anatomy of UI Banners

What are Banners in UI Design? Anatomy of UI Banners

There are many ways in which we can use banners in our UI UX design. Find out everything about banners and how to use these UI elements in your design process.

Using Sliders in UI Design

Using Sliders in UI Design

In UI design, sliders provide users the opportunity to adjust the value of different content of websites and apps.

Sidebars – What Are Sidebars in UI and How To Use Them?

Sidebars – What Are Sidebars in UI and How To Use Them?

Sidebars are used to offer external information, so they are an important part of the UI UX design that helps you organize and hide information.

Using Carousels in UI Design

Using Carousels in UI Design

Carousels are UI elements that display information in sets of elements that users can slide or move into view.

Using a Progress Bar in UI Design

Using a Progress Bar in UI Design

In UI design, progress bars provide useful feedback to users regarding the state of an action they are performing.

5 Principles of Using Variables in Your UI UX Design

5 Principles of Using Variables in Your UI UX Design

Variables are essential for designing in Figma. Find out the best tips on making your variables as efficient as possible.

14 Principles of Using Forms in Your UI UX Design

14 Principles of Using Forms in Your UI UX Design

There are many ways in which we can use forms in our UI UX design. Find out everything about forms and how to use these design elements in your design process.

Vertical vs. Horizontal Navigation in UI/UX Design - Sidebars, Navbars, or Navigation Railway?

Vertical vs. Horizontal Navigation in UI/UX Design

Read about the difference between vertical and horizontal navigation, and find out if you need a sidebar, a navbar, or a navigation bar for your UI/UX Design.

Subscribe to our
‍uinkits Newsletter

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Stay in the loop with all our latest updates, articles, free design goodies, and other cool stuff. Don't worry, we won't flood your inbox with spam!

Photo cover for blog newsletter by Uinkits System

Start Designing Amazing Projects
‍Get Your Uinkits System!

At uinkits, we're all about the awesome possibilities of design. Join us now and let's shape the future together!