Simple Cards
Mona Lisa
Leonardo da Vinci
Perhaps the most famous portrait ever painted, characterized by the subject's enigmatic smile.
The Starry Night
Vincent van Gogh
A swirling night sky over a peaceful village, painted during van Gogh's stay at an asylum.
Action Cards
The Night Watch
Rembrandt, 1642
A masterpiece of group portraiture showing Rembrandt's brilliant use of light and shadow.
The Scream
Edvard Munch, 1893
An iconic expression of human anxiety and existential dread.
Elevated Cards
Guernica
Pablo Picasso, 1937
A powerful anti-war statement created in response to the bombing of Guernica, Spain.
This card demonstrates the MD3 elevation level undefined.
The Night Watch
Rembrandt, 1642
A masterpiece of group portraiture showing Rembrandt's brilliant use of light and shadow.
This card demonstrates the MD3 elevation level undefined.
Filled Cards
The Kiss
Gustav Klimt
A masterpiece featuring Klimt's signature use of gold leaf and ornate patterns.
Filled cards in MD3 use surface-container-highest color with elevation level 0
American Gothic
Grant Wood
An iconic portrayal of rural American life that became one of the most recognizable images in American art.
Filled cards in MD3 use surface-container-highest color with elevation level 0
Outlined Cards
Media Cards
The Kiss
Gustav Klimt, 1908
A masterpiece featuring Klimt's signature use of gold leaf and ornate patterns.
Aspect ratio: 16:9
American Gothic
Grant Wood, 1930
An iconic portrayal of rural American life that became one of the most recognizable images in American art.
Aspect ratio: 4:3Interactive Cards
The Scream
Edvard Munch, 1893
An iconic expression of human anxiety and existential dread.
Interactive (hover effects)
Girl with a Pearl Earring
Johannes Vermeer, 1665
Often called the 'Dutch Mona Lisa,' known for its masterful use of light and the subject's gaze. Click this card to see an alert.
Clickable (with ripple)This card can be activated using Enter or Space key when focused
Accessible Cards
Keyboard Navigation
The Persistence of Memory
This card can be navigated and activated with keyboard
Famous for its melting clocks, this masterpiece explores concepts of time and reality.
This card uses aria-label and aria-describedby attributes to provide context for screen readers
Focus Visibility
Guernica
This card has enhanced focus indicators for visibility
A powerful anti-war statement created in response to the bombing of Guernica, Spain.
Press Tab to focus, then Enter or Space to activate this card
Dynamic Cards
Dynamic Content Card
This card will update in 3 seconds
The content of this card will be dynamically updated after a delay. Watch as the card transforms to display information about a famous painting.
Guernica
Pablo Picasso, 1937
A powerful anti-war statement created in response to the bombing of Guernica, Spain.
Expandable Cards
The Night Watch
Rembrandt
A masterpiece of group portraiture showing Rembrandt's brilliant use of light and shadow.
Click to expand
The Scream
Edvard Munch
An iconic expression of human anxiety and existential dread.
Initially expanded
Swipeable Cards
Swipeable Card Demo
Using American Gothic by Grant Wood
An iconic portrayal of rural American life that became one of the most recognizable images in American art.
This card provides button alternatives for swipe gestures to ensure keyboard accessibility