Box Office
Get it — $20
Framer component · 4 layouts
Get Box Office — $20
Try it below → pick a few seats
(01) One component, four rooms
Cinema
Banquet
Flight
Write the cabin as ABC-DEF or AB-CD, mark the exit rows and price business, legroom and economy separately. Seat ids come out as 12C, the way passengers read them.
(02) How it works
01
Draw the room
Pick a layout, set rows, seats, aisles and the curve. Or tables and chairs, or a cabin like ABC-DEF.
02
Price the rows
Up to six price tiers with their own colour. Mark seats as taken or as wheelchair spaces with a short list like A5, A7-A10.
03
Get paid
The button opens your checkout link with ?seats=A5,A6&count=2&total=170 attached, so your payment page knows exactly what was picked.
Keyboard and screen readers
Arrow keys move between seats, Space picks one. Every seat announces its row, price and status.
Phones
On small screens the map scrolls sideways with a hint, so seats stay big enough to tap.
Max per order
Limit how many seats one visitor can pick, with your own message when they hit it.
Live total
Chips for every picked seat, tap one to remove it, and the total updates as they go.
Every colour is a prop
Seats, tiers, taken, selected, button and text. Match any brand or a dark theme.
No backend needed
Works with Stripe Payment Links, Gumroad, Lemon Squeezy or your own booking form.
Get Box Office — $20
© 2026 NS. Studio