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
Virtualized Table Component
Dice UI
Shadcn/ui Component Library
FileKit.dev for React
Drop-in File Upload & Media Streaming Components
Sillybits
Landing Page Building Blocks
Workflow Builder
Node-based Workflow Editor SDK
Overflow
Open-source UI Components for React Flow