FAB!
FAB!

Elements

Badges

account_box

Number

account_box

Icon

Buttons


Colored FAB


With ripple


Plain FAB


With ripple


Disabled


Raised Button


With ripple


Disabled


Colored button


Accent colored


With Ripples


Flat button


With ripple


Disabled


Primary colored flat


Accent colored flat


Icon button


Colored


Mini FAB


Colored

Cards

some post

New Summer Collection

Mike Smith August 14, 2015

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem dolorum autem pariatur nihil, quae sit esse accusamus officiis, atque illo perferendis explicabo quis placeat suscipit. Corporis officia esse qui illo!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem dolorum autem pariatur nihil, quae sit esse accusamus officiis, atque illo perferendis explicabo quis!

, ,
  • Share on facebook
  • Share on twitter
  • Share on google+
some post

New Summer Collection

Morris Onions August 15, 2015
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem dolorum autem pariatur nihil, quae sit esse accusamus officiis, atque illo perferendis explicabo quis placeat suscipit. Corporis officia esse qui illo! laceat suscipit. Corporis officia esse qui illo!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem dolorum autem pariatur nihil, quae sit esse accusamus officiis, atque illo perferendis explicabo quis placeat suscipit.
, , Read More
some product some product

White Hat

,
4.00 out of 5
Sale
£42£16
avatar
Motion respects and reinforces the user as the prime mover. Primary user actions are inflection points that initiate motion, transforming the whole design.
Ann Nickolson Senior, Amazon.com
avatar
Surfaces and edges of the material provide visual cues that are grounded in reality.The use of familiar tactile attributes helps users quickly understand affordances.
Jack Samuel CEO, Amazon.com
avatar
Motion is meaningful and appropriate, serving to focus attention and maintain continuity. Feedback is subtle yet clear. Transitions are efficient yet coherent.
Christofer Doe Senior, Amazon.comfat

Progress Bars

Default

Indeterminate

Buffering

Sliders

Default slider

Starting value

Checkbox

Check on

Check off

Radio Button

Radio on

Radio off

Icon Toggle

Icon on

Icon off

Switch

Switch on

Switch off

Tables

MaterialQuantityUnit price
Acrylic (Transparent)25$2.90
Plywood (Birch)50$1.25
Laminate (Gold on Blue)10$2.35

Text Fields

Text with floating label

Input is not a number!

Numeric with floating label

Multiple line

Expanding

Tooltips

add
Follow

Simple

print
Print

Large

cloud_upload
Upload file.zip

Rich

share
Share your content
via social media

Multiple lines

Alerts

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

Dismissable

Well done! You successfully read this important alert message.
close
Heads up! This alert needs your attention, but it's not super important.
close
Warning! Better check yourself, you're not looking too good.
close
Oh snap! Change a few things up and try submitting again.
close
Cart

Subtotal: $112.46

View Cart
Checkout