React Seat Toolkit

React Seat Toolkit

Design & Render Seat Layouts


Description

Design & Render Seat Layouts

React Seat Toolkit is a UI library for designing and rendering seat layouts. It is open‑source, free to use, and requires as few as five lines of code to get started.

The toolkit offers high performance and is JSON‑based, enabling the creation and display of complex seat maps directly within your web application without external services. You retain full control over both data and design.

Two Modes of Operation

  • Designer Mode – Use this mode to build and modify seat maps. Add, remove, edit, or reposition seats; change colors; assign labels; group seats into categories and sections; and more.
  • User Mode – In this mode users can view the seat map and interact with it by selecting seats. Handlers can be supplied to define actions for selection, deselection, hover, etc.

You can construct seat maps for a wide range of venues—including conference halls, stadiums, movie theaters, flights, and any other setting that requires seating arrangements.

Related Projects

Hightable

Hightable

Virtualized Table Component

Dice UI

Dice UI

Shadcn/ui Component Library

FileKit.dev for React

FileKit.dev for React

Drop-in File Upload & Media Streaming Components

Sillybits

Landing Page Building Blocks

Workflow Builder

Workflow Builder

Node-based Workflow Editor SDK

Overflow

Overflow

Open-source UI Components for React Flow