Cards
Job post
Best for
Freelance boards, hiring feeds — a listing with a rate and a Contact CTA
Anatomy
Avatar with a verified badge and a presence dot · a tag row · headline and description · rate + Hourly badge · a full-width Contact button · hover lifts the whole card
Ethan Cole
Posted 4 Minutes Ago
Looking for a creative UIUX designer to build our app
Remote, four days a week, alongside two engineers who ship every Thursday. You would own the design system end to end.
$200/hr
HourlyRecipe
Best for
Cooking and food apps — a dish card with time, servings and difficulty
Anatomy
Photo with a badge · title and description · a three-cell stat row · ingredient tags · a Label / primary CTA pair
Spicy ChoiceSoft eggs and avocado bowl
Six-minute eggs over courgette noodles, avocado and dressed greens, finished with sesame. Twenty minutes start to finish.
Apartment listing
Best for
Rental catalogues — a tall photo, an inline price, no footer to spare
Anatomy
400px photo with a text badge · title with an inline /m price · a truncated description · a Beds / Bathrooms / Sqft stat row
Guest FavoriteLoft in Kreuzberg
Top floor, 84 m², balcony over a quiet courtyard, furnished throughout.
$3,561/m
Apartment for sale
Best for
Real-estate listings — a price-led card with a byline and two CTAs
Anatomy
Photo with an icon badge · price above a Location line · a stat row · a byline with a timestamp · a Label / View Details pair
Prime PickLocation·14 Rue des Tanneurs, Lyon
Vacation
Best for
Stay bookings — a full-bleed hero photo with a headline price
Anatomy
Full-bleed photo under a glass scrim · a glass badge · title, address and a headline price · a light stat row · a per-night price chip beside View Details · hover adds a border
Guest FavoriteVilla Anaya, Canggu
Jl. Pantai Batu Bolong, Bali
Vacation, promoted
Best for
Featured stays — the same full-bleed shell, no headline price, a booking CTA
Anatomy
Full-bleed photo under a glass scrim · a solid iconed badge · title and a pin-led address row, no price · a light stat row · a per-night chip beside Reserve Now
Prime PickBirch Hollow Cabin
Blue Ridge Parkway, Asheville NC
Profile stats
Best for
Insurance and account profiles — an identity card with a 7-field stat grid
Anatomy
Avatar with status badges · an icon chip over an expiry line · a QR block · a 2-column stat grid, one field with a copy affordance · a full-width dark CTA
2 February 2025 ( 2 Months Ago)
Flight info
Best for
Boarding passes, travel apps — a route with a live countdown and boarding details
Anatomy
An Active / Inactive toggle pill · a From / To route row around a countdown badge and progress bar · a boarding-info box with three dividers · a full-width brand CTA
Be first in,
and 10% off.
Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.
One email when it ships. No spam, and you can unsubscribe anytime.Cards
Job post
Best for
Freelance boards, hiring feeds — a listing with a rate and a Contact CTA
Anatomy
Avatar with a verified badge and a presence dot · a tag row · headline and description · rate + Hourly badge · a full-width Contact button · hover lifts the whole card
Ethan Cole
Posted 4 Minutes Ago
Looking for a creative UIUX designer to build our app
Remote, four days a week, alongside two engineers who ship every Thursday. You would own the design system end to end.
$200/hr
HourlyRecipe
Best for
Cooking and food apps — a dish card with time, servings and difficulty
Anatomy
Photo with a badge · title and description · a three-cell stat row · ingredient tags · a Label / primary CTA pair
Spicy ChoiceSoft eggs and avocado bowl
Six-minute eggs over courgette noodles, avocado and dressed greens, finished with sesame. Twenty minutes start to finish.
Apartment listing
Best for
Rental catalogues — a tall photo, an inline price, no footer to spare
Anatomy
400px photo with a text badge · title with an inline /m price · a truncated description · a Beds / Bathrooms / Sqft stat row
Guest FavoriteLoft in Kreuzberg
Top floor, 84 m², balcony over a quiet courtyard, furnished throughout.
$3,561/m
Apartment for sale
Best for
Real-estate listings — a price-led card with a byline and two CTAs
Anatomy
Photo with an icon badge · price above a Location line · a stat row · a byline with a timestamp · a Label / View Details pair
Prime PickLocation·14 Rue des Tanneurs, Lyon
Vacation
Best for
Stay bookings — a full-bleed hero photo with a headline price
Anatomy
Full-bleed photo under a glass scrim · a glass badge · title, address and a headline price · a light stat row · a per-night price chip beside View Details · hover adds a border
Guest FavoriteVilla Anaya, Canggu
Jl. Pantai Batu Bolong, Bali
Vacation, promoted
Best for
Featured stays — the same full-bleed shell, no headline price, a booking CTA
Anatomy
Full-bleed photo under a glass scrim · a solid iconed badge · title and a pin-led address row, no price · a light stat row · a per-night chip beside Reserve Now
Prime PickBirch Hollow Cabin
Blue Ridge Parkway, Asheville NC
Profile stats
Best for
Insurance and account profiles — an identity card with a 7-field stat grid
Anatomy
Avatar with status badges · an icon chip over an expiry line · a QR block · a 2-column stat grid, one field with a copy affordance · a full-width dark CTA
2 February 2025 ( 2 Months Ago)
Flight info
Best for
Boarding passes, travel apps — a route with a live countdown and boarding details
Anatomy
An Active / Inactive toggle pill · a From / To route row around a countdown badge and progress bar · a boarding-info box with three dividers · a full-width brand CTA
Be first in, and 10% off.
Join the list and we’ll email you the moment the code library and MCP server go live — with a 10% discount code to use whenever you decide to buy.
One email when it ships. No spam, and you can unsubscribe anytime.