From IndieWeb

A card in the context of the indieweb are small information summaries—often summaries of specific, external web pages.

IndieWeb Examples

For the moment, current indieweb work is focusing on developing a simpler alternative to all the silo-specific card approaches. See:

Silo Examples

Apple Passbook


  • (Apple Passbook API/format reference needed)


Facebook uses OGP and other markup on a page to parse data to shows summaries of pages linked to in Facebook posts in a "card" like presentation.

Examples of Facebook "cards" displays:

  • link-preview for the first URL in a post
  • hovercard shown when hovering the mouse pointer over someone's name, including face, name, friendship status, etc.
  • ...

Google now

Main article: Google now

Google now uses cards as a method of display of various information - see the Google now page for more overall, and for examples. Some of Google now's cards appear to be produced from recommendation engines.

Twitter Cards

Main article: Twitter Cards

Twitter uses OGP and their own proprietary meta tags to provide Twitter Cards functionality in tweets.



Embedly has a card embedding service at that parses other sites, and generates a card that you can embed, using a variant of oEmbed.

See Also

  • indiecard - simple independent card markup and parsing
  • link-preview - one use case of cards
  • posts - see post kinds for an analogy of kinds of cards
  • autolink - a card is a type of autolink, it provides context
  • notifications - some presentations of notifications being to look like cards