Material Kit.

A UI Kit based on Material Design.

Basic Elements

Buttons
Pick your style

Pick your size

Pick your color

Links

Inputs

group

Checkboxes

Radio Buttons

Toggle Buttons

Sliders

Tabs with Icons on Card

I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus. I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at.

I think that’s a responsibility that I have, to push possibilities, to show people, this is the level that things could be at. So when you get something that has the name Kanye West on it, it’s supposed to be pushing the furthest possibilities. I will be the leader of a company that ends up being worth billions of dollars, because I got the answers. I understand culture. I am the nucleus.

Tabs on Plain Card

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo id lacus euismod ultrices. Proin laoreet cursus dui, vitae luctus felis gravida a. Curabitur at metus imperdiet, aliquet felis eu, pretium dui. Proin non mauris vel mauris vehicula fringilla vitae eu tortor. Morbi sed justo nec erat fermentum sollicitudin. Ut ac eros velit. Maecenas at ligula risus. Ut aliquam neque dolor, nec dapibus nibh tempor faucibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo id lacus euismod ultrices. Proin laoreet cursus dui, vitae luctus felis gravida a. Curabitur at metus imperdiet, aliquet felis eu, pretium dui. Proin non mauris vel mauris vehicula fringilla vitae eu tortor. Morbi sed justo nec erat fermentum sollicitudin. Ut ac eros velit. Maecenas at ligula risus. Ut aliquam neque dolor, nec dapibus nibh tempor faucibus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur commodo id lacus euismod ultrices. Proin laoreet cursus dui, vitae luctus felis gravida a. Curabitur at metus imperdiet, aliquet felis eu, pretium dui. Proin non mauris vel mauris vehicula fringilla vitae eu tortor. Morbi sed justo nec erat fermentum sollicitudin. Ut ac eros velit. Maecenas at ligula risus. Ut aliquam neque dolor, nec dapibus nibh tempor faucibus.

Progress Bars

60% Complete
60% Complete
35% Complete (success)
20% Complete (warning)
10% Complete (danger)

Navigation Pills

Pagination

Labels

Default Primary Info Success Warning Danger

Notifications

info_outline
Info alert: Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself.
check
Success Alert: Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself.
warning
Warning Alert: Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself.
error_outline
Error Alert: Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself.

Typography

Header 1UI Based Material Kit

Header 2UI Based Material Kit

Header 3UI Based Material Kit

Header 4UI Based Material Kit

Header 5UI Based Material Kit
Header 6UI Based Material Kit

Paragraph User interface design (UI) or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the user experience.

Quote

User interface design (UI) or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the user experience.

Kanye West, Musician
Muted Text

Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself.

Primary Text

Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself.

Info Text

Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself.

Success Text

Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself.

Warning Text

Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself.

Danger Text

Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself.

Small Tag Header with small subtitle
Use "small" tag for the headers

Images


Rounded Image

Rounded Image

Circle Image

Circle Image

Rounded Raised

Raised Image

Circle Raised

Thumbnail Image

Javascript components

Modal

Popovers



Datepicker

Tooltips



Carousel

Completed with examples

The kit comes with three pre-built pages. Changeable text and images. Mulit color and multi functional kit.

Do you love this UI Kit?

Go back to my portofolio and look at my other amazing work from design and development.