Cards - Web design
Frankfurt am Main
11 °C, overcast clouds
Wind: 17.35 km/h aus NE
Humidity: 76%
Pressure: 1007hPa
Visibility: 10000m
Sunrise: 06:23
Sunset: 20:24
Weather data from 19.04.2025, 23:30
Live weather card example
Testimonial Card (Reveal Card)
A short descriptive but meaningful text.
John Doe
CIO, MyCompany Ltd.
Accordions in Card Design are also ideal for the structured display of smaller texts (information) etc.
Accordions in Card Design are also ideal for the structured display of smaller texts (information) etc.
A simple card with some information (text, images etc.) and easy to create and very effective to use ...
Card with Tabs in Pill Design - Tab 1
Tabs are ideal for displaying longer content or further details in a structured way.
Any content (text, images, etc.) can be displayed in tabs.
Card with Tabs in Pill Design - Tab 2
Tabs are ideal for displaying longer content or further details in a structured way.
Any content (text, images, etc.) can be displayed in tabs.
Card with Tabs in Pill Design - Tab 3
Tabs are ideal for displaying longer content or further details in a structured way.
Any content (text, images, etc.) can be displayed in tabs.
A simple card with some information (text, images etc.) and easy to create and very effective to use ...
Card with Tabs in Material Design - Tab 1
Tabs are ideal for displaying longer content or further details in a structured way.
Any content (text, images, etc.) can be displayed in tabs.
Card with Tabs in Material Design - Tab 2
Tabs are ideal for displaying longer content or further details in a structured way.
Any content (text, images, etc.) can be displayed in tabs.
Card with Tabs in Material Design - Tab 3
Tabs are ideal for displaying longer content or further details in a structured way.
Any content (text, images, etc.) can be displayed in tabs.