Material Design Forms

Radio input

You can easily change radio color by changing class name.

Primary Skin

Success Skin

Danger Skin

Warning Skin

Info Skin

Default Skin

Checkbox input

You can easily change checkbox color by changing class name.

Primary Skin

Success Skin

Danger Skin

Warning Skin

Info Skin

Default Skin

Toggle button

Change toggle color by changing class name.

Primary Skin

Pink Skin

Blue Skin

Orange Skin

Indigo Skin

Purple Skin

Normal Text input

Text Input

Email Input

Textarea

Text with Hint

Text Success State

Floating Text input

Text Input

Email Input

Textarea

Text with Hint

Text Success State

Size & Color Inputs

Input Sizes

You can choose various sizes: small, medium and large input.

Small

Normal

Large

Input Color

You can change background color if you want.

White

Default

Dark

Append / Prepend Icons

Add icons inside your input to explain which type of data is required.

@

Various Type

Text input variation can be defined. For example, email or password.

Tooltip Option

You can add a tooltip inside, after or before input.

Select Inputs

Innovative Text Inputs

We want to share with you inspirational text input design, ideas for enhancing text input interactions.

File Upload

Dropzone : multiple files upload

DropzoneJS is an open source library that provides drag'n'drop file uploads with image previews.

File & Image Upload

File selector

Choose...Change Remove

Image uploader

gallery 3
Select image...Change Remove