List Headline Image
Updated by Code Theorem on Dec 21, 2021
 REPORT
Code Theorem Code Theorem
Owner
5 items   1 followers   0 votes   1 views

UI Buttons

UI Buttons are one of the best UI materials that instinctively attract and convert visitors to buyers. Different types of UI Buttons that you can use; CTA button, Text button, Ghost button, Dropdown button, Floating Action Button (FAB), Hamburger button, Plus button, Expendable button, Share button, Raised buttons.

To know more read the complete blog!

Source: https://bit.ly/ctbuttons

3

Text Button

Text Button

Text buttons are presented with a piece of text that can be integrated into any shape. This doesn’t look like a button but still, it has a live control that allows users to interact with an interface. These are mainly text labels that fall outside of a block of text. You can hire ux designers to get suggestions on where to place.

4

Ghost Button

Ghost Button

Ghost buttons are also known as outline buttons that are important but not the primary action on a page. This button design has become quite popular these days particularly for landing pages. Ghost buttons give an elegant, subtle feel to a design.

5

Dropdown Button

Dropdown Button

Dropdown buttons are commonly used flat buttons. So when you click or hover, you will find a drop down list of mutually exclusive items. It gives an opening list to the user to add any particular item. Here you can add a smooth animation with a customized drop down color and style the component with CSS selectors. This is one of the most versatile components of UI.

6

Floating Action Button (FAB)

Floating Action Button (FAB)

Floating Action Buttons assimilates with the primary button that appears in front of all screen content. Generally, it is available in three different forms- regular, mini, and extended. You just have to select based on your requirements. Through this circular button, you can trigger the primary action in your app’s UI design.

7

Hamburger Button

Hamburger Button

The hamburger button is an essential part of any website design layouts. You have seen this icon certainly in every website or application, popularly called a menu. One can find these three horizontal lines at the top of many screens, either on the far left or the far right.

  • It is ubiquitous and easy to recognize
  • Makes your interface looks cleaner
  • Serves great as a navigation button