Pieces/Travel

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

Turkish Airlines
$312
09:40IST
4h 40m · Direct
12:20LHR

Flight Card

travel1

Flight result with airline, price, two airport codes, and a dotted route arc connecting times.

Boarding passTK 1983
ISTLHR
PassengerBeste Sözen
GateB22
Boarding09:10
Seat12A

Boarding Pass

travel2

Ticket-shaped pass with notched edges, a passenger strip, and a detached seat column on the right.

Day 3Lisbon
Sat, Jun 14
09:00Time Out MarketCais do Sodré
12:30Ride Tram 28Praça Luís Camões
18:00Miradouro sunsetGraça

Itinerary Day

travel3

Day-of-trip card with a destination header and a vertical timeline of timed stops linked by a rail.

PC 1142SAW → AMS
Boarding now
Gate 34 · closing in 8 minUpdated 1 min ago

Flight Status

travel4

Live status card with a colored pill for on-time, delayed, boarding, or cancelled flights.

ISTIstanbul
HNDTokyo
11h 05m · Nonstop

Route Arc

travel5

Visual route card with origin and destination framing an SVG dashed great-circle arc in a selectable tone.

09:40IST
12:20CDG
3h 40m
2h 30m layover in Paris
14:50CDG
17:05LHR
1h 15m

Trip Segments

travel6

Multi-leg journey card with stacked segment rows and an amber layover strip between them.

Fare breakdown
Base fare$284.00
Taxes & fees$28.40
Seat selection$12.00
Total$324.40
For 1 adult

Fare Breakdown

travel7

Itemized receipt for a trip with a dashed divider before the bold total and passenger note.

This year
18Countries
42Flights
96,240Miles

Trip Stats

travel8

Year-in-review card with three tinted tiles tracking countries visited, flights taken, and miles logged.

EnteredPortugalLisbon · LIS14 · 06 · 26

Passport Stamp

travel9

Tilted rubber-stamp badge with a double border printing entry country, city code, and date.

Next tripLisbon · Jun 14
12days to go
Boarding in 4h 37m · 09:40 local

Departure Countdown

travel10

Pre-trip card with a focal day count, a thin progress line toward departure, and a boarding-detail caption.

Hotel Alma Soho
Hotel Alma SohoBarcelona, Spain4.8· 2,412 reviews
€184/ night

Hotel Card

travel11

Hotel result row with a square gradient thumbnail, location line, star rating, and per-night price.

Kyoto
Culture
KyotoJapan
Trending this month64.1K saves

Destination Card

travel12

Poster-style destination tile with a warm gradient, corner save heart, category tag, and city label.

Booking confirmedAKSQ-24LP-7N
Hotel Alma Soho · Barcelona
Check-inJun 14
Check-outJun 18
4 nights · 2 adults€736

Booking Confirmation

travel13

Emerald success card for a confirmed stay with check-in and check-out split and a bold total.

Row 1212D · Window
A
B
C
D
E
F
OpenYoursTaken

Seat Map Row

travel14

Airline seat-map row with an aisle gap, selected emerald seat, and a compact legend at the bottom.

Passenger info
Seat 12D
Oud Beste
PassportTR P 284 911 58
NationalityTürkiye
DOB1991-08-19
FF statusElite Gold · 284 519

Passenger Info

travel15

Traveler card with passport number, nationality, date of birth, and a loyalty status all neatly paired.

Miles & SmilesElite Gold
42,180miles
7,820 miles to Elite Platinum

Loyalty Status

travel16

Frequent-flyer card in a warm gradient, showing tier, miles, a progress track, and miles to next tier.

Volkswagen Golf or similarEconomy
$34 / day
5 seats
Automatic
Petrol

Car Rental

travel17

Rental-car result row with a slate car tile, per-day price, and a specs grid for seats, transmission, fuel.

Skip the lineVatican Museums & Sistine Chapel
€54per person
Rome3 hours · Small group
★ 4.9 · 12,340 reviews

Tour Booking

travel18

Activity card with a Skip-the-line pill, title, city and duration row, rating line, and per-person price.

Andrea P.
Andrea P.Solo trip · Jun 2026

Staff remembered our names by day two. The rooftop at sunset alone is worth the trip — would book again in a heartbeat.

Stayed 4 nights

Trip Review

travel19

Traveler review card with avatar initials, star rating, a clipped body paragraph, and a trip-type footer.

Beste Sözen · 12D
Cabin bag8 kg · 1 piece
Included
Checked suitcase23 kg · 2 pieces
Paid
Personal item2 kg · 1 piece
Included
Total allowance 54 kg

Baggage Summary

travel20

Passenger baggage card with item rows, per-row included or paid pills, and a total allowance footer.

Cancellation policyFull refund
Cancel free before May 10 · 23:59 local50% refund if cancelled between May 11 and May 20. Non-refundable after.

Cancellation Policy

travel21

Emerald policy card showing a big refund line, the cancel-by window, and a tapered note below.

Property amenities
Free Wi-Fi
Rooftop pool
Air-conditioning
Breakfast included
Airport shuttle
Pet friendly

Amenities Grid

travel22

Property features card laying out amenities as a two-column grid of sky-dot prefixed chips.

ISTDepart
DOH2h
BKK4 days
SIN3 days
TYOReturn
11-day multi-city itinerary

Multi-City Route

travel23

Minimal multi-stop route with airport codes joined by thin connectors and a caption beneath each hop.

Lisbon · Jun 14 – 18
Fri 1427°18°
Sat 1526°19°
Sun 1623°18°
Mon 1721°17°
Tue 1824°18°
Pack a light jacket for Mon evening showers.

Trip Weather

travel24

Per-day weather strip for an upcoming trip with emoji glyphs, high/low, and an amber packing tip.