A container for content representing a single entity. e.g. a contact, article or task.
Component
Card
49 examples
Card
A11Y Style Guide
- Code examples
- Usage guidelines
- Accessibility
Card
Ant Design
Ant Financial
- Code examples
- Accessibility issues
Card
Aurora
Government of Canada
- Code examples
- Tone of voice
Card
Australian Government Design System
- Usage guidelines
- Code examples
- Accessibility
Teaser
Barnardo’s Design System
- Code examples
- Research
- Usage guidelines
- Tone of voice
Card
Base Web
Uber
- Code examples
- Usage guidelines
Cards
BBC Global Experience Language
- Accessibility
- Usage guidelines
Card
Bolt Design System
- Tone of voice
- Code examples
Card
Bootstrap
- Accessibility
- Code examples
Card
Bulma
- Code examples
- Accessibility issues
Card
Cedar
Recreational Equipment, Inc.
- Usage guidelines
- Code examples
Card
Clarity Design System
VMware
- Code examples
- Usage guidelines
Card
Duet Design System
LocalTapiola
- Code examples
Tile
eBay MIND Patterns
- Accessibility
- Usage guidelines
Card
Edison Design System
General Electric
- Usage guidelines
- Code examples
Panel
Elastic UI framework
Elastic
- Code examples
Card
Elastic UI framework
Elastic
- Code examples
Card
FutureLearn design system
FutureLearn
- Usage guidelines
- Tone of voice
ActivationCard
Gestalt
Pinterest
- Code examples
Card
Gestalt
Pinterest
- Code examples
Card
giffgaff design system
- Usage guidelines
- Code examples
Card
ICS Design System
IBM Collaboration Solutions
- Usage guidelines
- Accessibility
- Tone of voice
Card
Inclusive Components
- Code examples
- Accessibility
Card
Lightning Design System
Salesforce
- Code examples
- Usage guidelines
- Tone of voice
Card
Luna
Sainsbury’s
- Usage guidelines
- Code examples
- Tone of voice
Card
Momentum Design
Cisco
- Code examples
- Usage guidelines
Card
Mozilla Protocol
- Usage guidelines
Feature card
Mozilla Protocol
- Usage guidelines
Picto card
Mozilla Protocol
- Usage guidelines
Card
Paste
Twilio
- Usage guidelines
- Code examples
- Tone of voice
- Accessibility
Card
Polaris
Shopify
- Code examples
- Usage guidelines
- Accessibility
- Tone of voice
Card
Radix
Modulz
- Code examples
Card Link
Radix
Modulz
- Code examples
Card
Rizzo
Lonely Planet
Card
Ruter Components
- Code examples
Navigation Card
Ruter Components
- Code examples
Card
SEB Design Library
Skandinaviska Enskilda Banken
- Code examples
- Usage guidelines
Card
Seek style guide
- Code examples
Card
Shoelace
- Code examples
Card
Solid
Buzzfeed
- Code examples
- Usage guidelines
- Accessibility issues
Card
Spark Design System
Quicken Loans
- Usage guidelines
- Code examples
Card - Asset preview
Spectrum CSS
Adobe
- Code examples
- Tone of voice
Card - Gallery
Spectrum CSS
Adobe
- Code examples
- Tone of voice
Card
Spectrum CSS
Adobe
- Code examples
- Tone of voice
Card
Stacks
Stack Overflow
- Code examples
- Usage guidelines
- Tone of voice
Service Card
Thumbprint
Thumbtack
- Code examples
Card
Workday Canvas Design System
- Usage guidelines
- Accessibility
- Tone of voice