Warp Floor demo — a Filament plugin for seat maps and floor plans. Book, draw and delete anything; the data is reset every hour. warpui.com About Warp Floor Docs Ask a question Support Buy a license
Skip to content

Start here

Warp Floor is a plugin for Filament, the Laravel admin panel. Four kinds of people use it: customers who buy tickets, employees who book a desk or a room, staff at a box office or front desk who sell and book for customers, and admins who draw the plans and watch how they are used. The menu on the left is split the same way, and every page says whose screen it is. In this demo you can be all of them.

Book something first

Customers
Buy theater tickets

As a ticket buyer, for a theater show. The box office sells the same seats in “Box office”.

  1. Pick a show at the top.
  2. Click a few seats, or let “Best seats” on the right pick them.
  3. Press “Book 2 seats” at the bottom.
Open the theater →
Employees
Book desks and rooms

As an employee, for the office. Car parks work the same way.

  1. Pick a day at the top.
  2. Click a free desk (green outline).
  3. Press “Book for …” and choose all day, morning or afternoon.
Open the office →

Customers

Customers
Arena

Buy seats in a stand block, or standing tickets by headcount.

Employees

Employees
Parking

Book a bay in the company car park for the day, with EV chargers to filter for.

Box office & front desk

Staff who book for someone else: they pick the customer, and can move or cancel any booking.

Staff
Box office

Sell seats to a customer, see who bought a seat, move or cancel tickets.
Staff
Restaurant

Find a free table for a time and a number of guests, seat walk-ins and keep a waitlist; move or cancel bookings.

Draw your own floor

What admins do before anyone can book, in “Edit layouts”. The editor puts “What to place” on the left and the settings on the right, so it needs a wide screen: 1920 × 1080 is ideal. On 1440 × 900, collapse the menu on the left with the arrow next to “Warp Floor demo”.

Admins
Lay out a floor

The empty 5F opens in the editor. Pick walls, doors, rooms or desk islands under “What to place” and click the plan. Save it, and it appears on the Office page.
Admins
Shape a section

The theater opens in the editor. Click a block of seats and drag the sliders for rows, seats, spacing, curve and rotation.
Admins
Trace a drawing

In the editor, choose “Floor plan” → “Choose a background…” and pick a PNG, SVG or a page of a PDF, then draw on top of it.
Admins
Save as a template

Open the office, select a desk island and save it as a template under “Floor plan”. Place it again from “Saved templates”, or start a new floor from it.

Run the places

What admins and managers see after the plans are in use.

Admins
Venues and floors

Every venue as a card with how full it is. Create a new one from a template in a few clicks.
Admins
Usage

Three months of bookings as a heat map, busy hours, no-shows and a CSV download.
Admins
3,000 shelves

Not only bookings: a warehouse colored by stock level.

A floor also fits on a dashboard: below is the office’s 3F as a read-only widget that refreshes every 30 seconds.

Free desks on 3F right now

  • Nothing found.

Good to know

Lost on a plan?

Press “How to use” above the plan. It shows how to move, book and edit on that plan.

Ten languages

Pick a language in the bar at the top. The plans, the editor and Filament switch; the names of the places come from the demo’s data.

Who is who

Everyone who opens this demo is signed in as the same demo user, so you can buy like a customer, sell like the box office and edit like an admin. In your app, Filament policies decide who sees which page.

For developers

Every page is a Filament page with a floor() method, and the places and bookings are your own Eloquent models. “View code” on each page shows how it is set up.