メインコンテンツにスキップ

Flux

Run your hybrid office with desk booking, room scheduling, and team coordination in one platform. Replace per-seat subscriptions and spreadsheets with a system you control.

RERenative Studio
·0 remixes

Designed for

  • Small business owners managing hybrid teams
  • Building office coordination tools without dev timelines
  • Replacing spreadsheets for desk & room booking
  • Founders scaling past 10 employees

Key highlights

  • Interactive floor plans
  • Room scheduling
  • Team presence board
  • Double-booking prevention
  • Utilization analytics
  • Built-in messaging
  • Multi-office admin
  • QR check-in
  • Recurring reservations

Technology stack

Frontend

  • React
  • TypeScript
  • Tailwind CSS
  • Recharts

UI Components

  • shadcn/ui

Backend

  • Supabase

Other

  • Embla Carousel
  • QR Code
  • React Resizable Panels

Deployment

  • Lovable
  • GitHub

About this template

This template gives you a full hybrid workplace management platform that looks and works like paid software, and you don't need coding skills to make it work. Interactive floor plans, desk booking, room scheduling, team presence tracking, and built-in messaging are all functional from the moment you remix it.

The technical parts are already handled. Authentication with email and Google sign-in, role-based access control, database-backed conflict detection for double bookings, and mobile-responsive layouts are all done. You can focus on configuring it for your actual offices and getting your team onboard.

Nine pages come ready to go: a login screen with demo mode, an office overview dashboard with floor plans and stat cards, a desk booking page with interactive maps, a room scheduler with time-grid views, a team presence roster, a personal weekly schedule, a three-panel messaging suite, an admin analytics dashboard, and a settings page for profile and office configuration.

Instead of paying monthly for rigid desk-booking software that only solves one piece of hybrid coordination, you get desk booking, room scheduling, team presence, messaging, and admin analytics in a single platform you fully control.

This Template Typical Paid Tools
Cost Free to start $3–8/user/month
Setup time Hours Days to weeks
Customization Full control Limited to plan tier
Lock-in None, export anytime Subscription required

Best Use Cases

Hybrid Office Desk Booking

Let employees reserve desks through interactive floor plans that show real-time availability with color-coded status indicators. The system handles recurring reservations (weekly, biweekly, or monthly) and prevents double bookings through database-level conflict detection. Fewer booking conflicts means less time spent sorting out who sits where and more time doing actual work.

Meeting Room Scheduling

Coordinate shared meeting spaces with a time-grid scheduler that shows equipment availability per room. Click-to-book functionality with automatic conflict detection keeps teams from overlapping. Companies with reliable room booking systems spend less time in "sorry, this room is taken" standoffs and more time in productive meetings.

Team Presence Coordination

Give everyone visibility into who's in the office today and this week with a filterable team roster. Managers can plan in-person collaboration days, and employees can coordinate with coworkers before commuting. The presence board replaces the constant "are you in the office tomorrow?" messages that clog every hybrid team's chat.

Multi-Office Administration

Manage multiple office locations from a single admin console with per-office floor plans, room configurations, and capacity settings. The analytics dashboard surfaces utilization data so you can make informed decisions about space. Real usage data helps justify office costs or identify underused floors before the next lease renewal.

See yourself in one of these? Remix this template and start building.

What You Can Build

This template gives you the foundation for:

  • A complete desk-and-room booking system that replaces your spreadsheet tracking and per-seat SaaS subscriptions with one tool you own
  • An office coordination hub where your hybrid team checks presence, books space, and messages coworkers without switching between four different apps
  • A multi-location workplace dashboard with admin controls, utilization analytics, and QR-based check-in for each of your office sites

Getting Started

Step 1: Remix This Template

Click "Remix" to create your copy. You'll have a complete hybrid workplace platform ready to customize, with nine pages including an office dashboard, desk booking with interactive floor plans, room scheduler, team presence board, personal schedule, messaging, analytics, and settings. All the pages and features are already working. You just need to make it yours.

If this template isn't the right fit, you can remix a different one. No wasted work.

Step 2: Customize Your Brand

Change the warm amber and forest green color scheme to match your company's identity. Update the DM Sans typography to reflect your brand's personality. Lovable's visual editor lets you modify layouts and see changes instantly as you work. You don't need to know code to make it look exactly how you want. The template supports both light and dark modes, and both update when you adjust the color tokens.

Step 3: Add Your Content

Replace the sample office data with your actual floor plans, desk layouts, and room configurations. Upload your team's information and set up the offices, rooms, and equipment through the admin settings page. The template stays out of your way so your workspace configuration is what people interact with, not placeholder data.

Step 4: Connect Your Tools

Set up authentication through the built-in email/password and Google OAuth system, configure role-based access for admins and regular users, and connect your database for persistent booking and messaging data. Lovable has built-in integrations for the backend services workplace platforms actually need, including Supabase for your database, auth, and real-time capabilities.

Step 5: Go Live

Deploy your workplace platform with one click. Lovable handles the hosting, security, and performance optimization automatically. Your platform goes live worldwide in minutes, and you can start sharing the URL with your team. The demo mode with pre-populated data lets new users explore the system before signing up with their own accounts.

Conclusion

This workplace management template works for teams that want real hybrid office coordination without enterprise pricing or months of development. You get desk booking with conflict detection without building it from scratch, room scheduling with equipment tracking without paying per seat, and team presence visibility without stitching together chat bots and spreadsheets.

Whether you're setting up your first hybrid office policy or replacing a rigid booking tool that doesn't fit how your team actually works, this template gives you a solid foundation. The interactive floor plans display desk status clearly, the time-grid room scheduler prevents double bookings at the database level, and the messaging suite keeps office coordination in one place. The template is free to start and takes a few hours to configure for your offices. Your team could be booking desks by tomorrow.

Features & capabilities

  • Interactive Floor Plans

    Click desks directly on color-coded office maps showing available, booked, and unavailable status for intuitive visual booking.

  • Recurring Desk Reservations

    Set up weekly, biweekly, or monthly desk bookings with end dates so regular office days are always secured automatically.

  • Time-Grid Room Scheduler

    Book meeting rooms with click-to-schedule interface showing equipment availability and automatic conflict detection per room.

  • Team Presence Board

    See who's in the office today and this week with filterable roster, replacing constant 'are you in tomorrow?' messages.

  • Waitlist with Notifications

    Join queues for booked desks with position tracking and automatic alerts when spots become available.

  • Three-Panel Messaging Suite

    Built-in team chat with conversation search, contact info panels, and emoji support keeps office coordination in one place.

  • QR Check-In System

    Generate downloadable QR codes for each booking so employees can quickly confirm desk arrivals on-site.

  • Multi-Office Administration

    Manage multiple locations with separate floor plans, room configurations, and capacity settings from one admin console.

  • Utilization Analytics Dashboard

    Admin-only charts surface space usage data to justify office costs or identify underused areas before lease renewals.

  • Demo Mode Exploration

    Pre-populated sample data lets new users explore the full system before committing to sign up with their accounts.

  • Role-Based Access Control

    Built-in admin and user roles with secure authentication via email/password and Google OAuth protect sensitive workspace data.

  • Mobile-Responsive Layouts

    Drawer navigation and adaptive designs ensure desk booking and presence checking work smoothly on phones and tablets.