Orvain UI

Flight info

Boarding passes, travel apps: a route with boarding details and check-in.

Get Pro to installPro17 blocksReact, Vue and Figma
MCPConnect the MCP server
Orvain AirOV 220 · Economy
Fri 13 Nov
Seoul Incheon 14:30 to Jeju 15:40, 1 h 10 min
Boarding in 24 minTerminal 1
Gate
24
Seat
18A
Boarding
13:55

More in Cards#

Job post

Freelance boards, hiring feeds: a listing with a rate and a Contact menu

Job post reply

Hiring feeds where the answer happens in the card

Job post rates

Contracts where the rate and the weeks it buys decide the reply

Vacation

Stay bookings: a full-bleed hero photo with the price that explains itself

Vacation, promoted

Featured stays: the same photo card, a Details button that turns it over

Profile stats

Insurance and account profiles: an identity card with five fields and a QR code

Profile wallet card

Insurance and membership cards you show at a counter

Profile coverage

Policies and subscriptions where time left is the point

Apartment listing

Rental catalogues: a tall photo, the rent beside the title, no footer to spare

Apartment gallery

Rentals where the rooms sell the flat: the photo is a gallery you scrub

Apartment for sale

Real-estate listings: a price-led card with a byline and two actions

Apartment estimate

Real-estate listings that show what owning costs each month

Recipe

Cooking and food apps: a dish card with time, servings and level

Recipe servings

Cooking apps where the recipe adapts: servings scale every quantity

Flight info

Boarding passes, travel apps: a route with boarding details and check-in

Boarding pass

Check-in flows: pick a seat and the card prints a boarding pass

Flight live

Flight tracking: the countdown is the card

When to use#

  • A grid of listings people compare before picking one to open
  • Entries carrying a photo and a few unlike stats: price, rating, distance
  • A record that has to stand alone on a phone: a pass, a profile, a ticket
  • When the action belongs to the item rather than the page: Contact, Reserve, View details

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.

Open in BlocksSee plans