Cards

A Card block is a modular UI component used in web and app design to present information in a visually compact and organized manner. It groups related content, such as text, images, and actions, into a single container, making it easy for users to scan and interact with.

These demos showcase card UI blocks with simple stats displays, stats with icons and trend indicators, various card variants (filled/outlined/flat), and flexible layouts combining icons, text, and badges for data visualization.

Simple stats link

Unique visitors

31,861

Simple stats with icon link

account_circle

Unique visitors

31,861

Stats with trends link

web_traffic

Avg. Click Rate

13.56%

trending_up

23%

Stats with trends to the right link

timer

Time on site

south12s

2m 31s

Stats with square icon link

timer

Avg. Visit Duration

2m 31s

trending_down

12s

✨ 오늘의 명언 & 마음의 양식

“천 리 길도 한 걸음부터 시작된다.”

— 라오쯔 (고대 철학자)
On this page

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙