Components
Start including these components into your projects!

Button Typography Card Topbar Menu Form Tab

Cards

Cards are surfaces that display content and actions on a single topic.

They should be easy to scan for relevant and actionable information. Elements, like text and images, should be placed on them in a way that clearly indicates hierarchy.


Resources

codeSource Code


This is a simple card with some content and buttons
Button Button

Card

Different styled action button, title, and more some other neat things.
Button
share art_track

Title goes here

Secondary text

This is a card about the cutest doggos on the Internet!
Button
favorite_border

Shibas <3

This is a card about the cutest doggos on the Internet!
Button
favorite_border

Related Story

This is a news card with a thumbnail. Great for articles!
Read
share

Related Story

This is a news card with a thumbnail. Great for articles!

The Verge

1 day ago

thumb_down thumb_up

Expandable Card

All I can say is it's very useful. Click here to see for yourself.
Button
expand_more
Hi! This is a very secret place and so, the holy doggo of the goodest bois will supply you with a magical cookie.
Hi! This is a very secret place and so, the holy doggo of the goodest bois will supply you with a magical cookie.
Avicii
Wake Me Up
(2013)

Rate this album

star_border star_border star_border star_border star_border
Cafe Rotonda
star star star star star_half

4.5 (415)

Small plates, salads & sandwiches, an intimate setting with 12 indoor seats plus patio seating.
Tonight's Availability
5:30PM 5:30PM 5:30PM 5:30PM
Reserve
Cafe Rovine
star star star star star_half

4.5 (415)

Small plates, salads & sandwiches, an intimate setting with 14 indoor seats plus patio seating. Our speciality is turkish coffee.
Reserve
expand_more
Tonight's Availability
5:30PM 5:30PM 5:30PM 5:30PM

Turkish Coffee

arrow_forward