Commons — Free Coworking Space Website Template
Commons is a free two-page website template built on Bootstrap 5 for coworking spaces, shared offices and workspace communities. It ships with a membership plans grid and working monthly/annual price toggle, an amenities showcase, a spaces gallery with a vanilla lightbox, a validated tour-booking form, an events strip, member testimonials and a detailed pricing page with an amenities comparison and FAQ. Every interaction is plain vanilla JavaScript with no jQuery, and all content stays visible when JavaScript is off.
Key features
- Four-tier membership plans with a working monthly/annual price toggle
- Count-up stats band (members, locations, meeting rooms, square footage)
- Spaces gallery with a keyboard-accessible vanilla lightbox
- Validated tour-booking form with an inline success state
- Auto-playing testimonials slider built in vanilla JavaScript
- Detailed pricing page with amenities comparison table and add-ons
- Eight-question FAQ accordion with FAQ-ready markup
- Amenities, community events and 'who it's for' sections
- Progressive enhancement — reveal states scoped under .js, reduced-motion aware
Best for
- Coworking spaces and shared offices
- Workspace communities and hot-desk operators
- Private office and team-suite providers
- Studios launching a flexible-workspace brand
At a glance
- Two pages (index + pricing) built on Bootstrap 5, no jQuery, no plugin dependencies
- Vanilla JavaScript: mobile nav, price toggle, count-up, lightbox, slider, accordion, form validation
- Progressive enhancement — all content visible with JS off; reveal states scoped under
.js - Accessible: semantic landmarks, ARIA on custom widgets, visible focus, keyboard support, reduced-motion aware
- Fresh emerald + amber palette on warm white, Outfit + IBM Plex Sans type pairing
- Self-hosted Bootstrap 5, CSS custom properties, responsive mobile-first layout
How to use it
Download the ZIP, unzip it, and open index.html — no build step, nothing to install. Edit the text and images, point any forms at your backend or a form service, and deploy the folder to any static host. Colours and fonts live in css/style.css; the interactions are in js/main.js.
Frequently asked questions
Is Commons free to use, including for commercial projects?
Yes. Commons is free and follows the standard uiCookies license, which covers commercial use. The one requirement is attribution, and the exact terms are on the uiCookies license page. There is no paid tier or locked version — the download is the complete two-page template.
What pages and sections does Commons include?
Commons ships two pages: a long-scroll homepage and a dedicated pricing page. The homepage covers a hero with live availability, a stats band, membership plans, amenities, a spaces gallery, a tour-booking form, community events, a 'who it's for' block, location details and testimonials. The pricing page adds a day-pass tier, an amenities comparison table, membership add-ons and an eight-question FAQ accordion.
Does the monthly/annual price toggle actually work?
Yes. The billing toggle is written in plain vanilla JavaScript and swaps every plan's price and sub-line between monthly and annual figures instantly, with no page reload. Prices live in data attributes on the markup, so you can update them in one place without touching the JavaScript. The same toggle powers both the homepage plans and the pricing page.
Is Commons built with jQuery or any plugins?
No. Commons is completely jQuery-free and uses no third-party JavaScript plugins. The mobile navigation, price toggle, count-up stats, lightbox, testimonials slider, FAQ accordion and form validation are each written as a single vanilla function with guard clauses. Only Bootstrap 5's own CSS and bundle are included, both self-hosted.
Will the content still show if JavaScript is disabled?
Yes — Commons is built for progressive enhancement. A js class is added to the document before styles load, and every hidden animation start state is scoped under that class, so with JavaScript off all sections, gallery items, plans and form panels render at full opacity. Nothing important is hidden behind a script that might not run.
How do the tour-booking and newsletter forms behave?
Both forms are fully marked up and validated in the browser but have no backend attached, since Commons is a static front-end template. The tour form checks the name, email, preferred date and team size, shows inline error messages and a success confirmation, and sets the date field's minimum to today. To make either form send, point its action at your own server-side script or a form-handling service.
Is Commons responsive and accessible?
Yes. The layout is mobile-first on the Bootstrap 5 grid and collapses to a custom vanilla mobile menu on small screens. It uses semantic landmarks, ARIA attributes on the custom widgets, visible focus outlines and keyboard support for the lightbox, accordion, slider and forms. Scroll animations run on IntersectionObserver and automatically respect a visitor's reduced-motion preference.
How do I change the colours, fonts and images?
The palette is defined as CSS custom properties at the top of css/style.css, so you can recolour the whole template — the emerald primary and amber accent — by editing a handful of variables. Fonts are the Outfit and IBM Plex Sans pairing loaded from Google Fonts, swappable in one link tag. Every image references a local path in the img folder with width, height and descriptive alt already set, so you replace the demo photos in place with your own optimized files.
