// DEVELOPER HOME

Ship seat selection. Keep your stack.

One API for venue design, live availability, holds, and booking. Embed SeatLayer into the checkout you already own.

checkout.tsTypeScript

import { SeatPicker } from '@seatlayer/js';

const picker = new SeatPicker({
  container: '#picker',
  event: 'ev_example',
  onCheckout: (_, __, handoff) => {
    checkout.start({ holdId: handoff.holdId });
  },
});

await picker.render();

✓ Inventory connectedHold handoff ready

Illustrative code · synthetic event identifier · no credential or live request data

REST + SDKsServer and browser building blocks

Live inventoryHolds and booking without double-sells

Your checkoutBring your own payments and customer flow

Choose how much of the buyer flow you own.

Start with the complete SeatPicker, use SeatingChart when you need custom controls, and keep trusted inspection and booking on your server in both cases.

SEATPICKER
Complete buyer experience
Map, cart, hold timer, tiers, mobile UI, optional 3D, and checkout handoff.
SEATINGCHART
Renderer with your controls
Use SeatLayer’s geometry and live state while your application supplies the surrounding UI.
SERVER API
Trusted commercial authority
Inspect the hold, run payment, confirm the booking, and verify signed webhooks.