Skip to content
codexa

Websites · React

Coworking space

Clean coworking site with memberships, amenities, the spaces, member numbers, FAQs and a tour booking form.

Coworking space starter, as built from its own files
Starter screenshot captured from this template's own build at 1440×900. It shows the template as it ships, not output generated from a prompt.

What you get

A site for a coworking space or shared studio: amenities, the different spaces, membership plans with monthly prices, member numbers, FAQs and a form to book a tour. All content lives in src/site.ts.

Files

Exactly what is copied into a new project: 13 files, nothing generated.

Raw data: GET /api/v1/templates/site-coworking-space

src/site.ts
src/site.ts
import type { Site } from "./types"; /** Everything this site shows. Edit freely. */export const site: Site = {  "brand": "Foundry Lane",  "nav": [    {      "label": "Spaces",      "href": "#spaces"    },    {      "label": "Amenities",      "href": "#amenities"    },    {      "label": "Membership",      "href": "#membership"    },    {      "label": "FAQ",      "href": "#faq"    }  ],  "navCta": {    "label": "Book a tour",    "href": "#contact"  },  "sections": [    {      "kind": "hero",      "variant": "split",      "eyebrow": "Coworking in Ancoats, Manchester",      "title": "Desks, studios and meeting rooms in an old cotton mill.",      "text": "Three floors, 140 desks, fast fibre and a kitchen that people actually use. Come for a day pass, stay for the Friday lunch.",      "primary": {        "label": "Book a free tour",        "href": "#contact"      },      "secondary": {        "label": "See membership",        "href": "#membership"      },      "visual": {        "type": "mock",        "title": "Available today",        "rows": [          {            "label": "Hot desks, floor 2",            "value": "18 free"          },          {            "label": "Fixed desks",            "value": "4 left"          },          {            "label": "Meeting room · The Loom",            "value": "2 – 4 pm"          },          {            "label": "Studio for 6",            "value": "From 1 Dec",            "tone": "#b45309"          }        ],        "footer": "Updated live for members in the app."      }    },    {      "kind": "features",      "id": "amenities",      "eyebrow": "Amenities",      "title": "Included with every membership",      "columns": 4,      "items": [        {          "title": "1 Gbps fibre",          "text": "Wired and Wi-Fi, with a backup line.",          "icon": "bolt"        },        {          "title": "Good coffee",          "text": "Local roaster, oat milk, no pods.",          "icon": "cup"        },        {          "title": "Phone booths",          "text": "Eight soundproof booths for calls.",          "icon": "phone"        },        {          "title": "24/7 access",          "text": "Key fob entry for resident members.",          "icon": "lock"        },        {          "title": "Bike store",          "text": "Secure racks and two showers.",          "icon": "truck"        },        {          "title": "Mail handling",          "text": "Business address and parcel lockers.",          "icon": "mail"        },        {          "title": "Meeting credits",          "text": "Hours each month to book rooms.",          "icon": "calendar"        },        {          "title": "Events",          "text": "Friday lunch and monthly talks.",          "icon": "users"        }      ]    },    {      "kind": "gallery",      "id": "spaces",      "eyebrow": "Spaces",      "title": "Three floors, five kinds of space",      "items": [        {          "title": "The open floor",          "caption": "Hot desks under the original beams",          "tone": "#1e3a5f"        },        {          "title": "Fixed desks",          "caption": "Your own desk, monitor and locker",          "tone": "#44403c"        },        {          "title": "The Loom",          "caption": "Meeting room for 10, with screen",          "tone": "#334155"        },        {          "title": "Team studios",          "caption": "Lockable rooms for 4 to 12",          "tone": "#57534e"        },        {          "title": "The kitchen",          "caption": "Long table, two dishwashers",          "tone": "#1e40af"        },        {          "title": "Roof deck",          "caption": "Open April to October",          "tone": "#3f4a3c"        }      ]    },    {      "kind": "pricing",      "id": "membership",      "eyebrow": "Membership",      "title": "Membership",      "text": "Monthly rolling, plus VAT. Day passes £25.",      "plans": [        {          "name": "Flex",          "price": "£160",          "period": "/month",          "text": "Ten days a month, any hot desk.",          "features": [            "Weekdays 8 am – 7 pm",            "2 meeting room hours",            "Business address"          ],          "cta": {            "label": "Book a tour",            "href": "#contact"          }        },        {          "name": "Resident",          "price": "£295",          "period": "/month",          "text": "Unlimited hot desking, day and night.",          "features": [            "24/7 access",            "6 meeting room hours",            "Locker included"          ],          "featured": true,          "cta": {            "label": "Book a tour",            "href": "#contact"          }        },        {          "name": "Fixed desk",          "price": "£360",          "period": "/month",          "text": "Your own desk with a monitor and storage.",          "features": [            "24/7 access",            "10 meeting room hours",            "Guest passes twice a month"          ],          "cta": {            "label": "Book a tour",            "href": "#contact"          }        }      ]    },    {      "kind": "stats",      "items": [        {          "value": "140",          "label": "Desks across three floors"        },        {          "value": "210",          "label": "Members"        },        {          "value": "4 min",          "label": "Walk from Piccadilly station"        },        {          "value": "7",          "label": "Meeting rooms"        }      ]    },    {      "kind": "faq",      "id": "faq",      "eyebrow": "FAQ",      "title": "Questions",      "items": [        {          "q": "Can I try it first?",          "a": "Yes. Your first day is free after a tour, and day passes are £25 after that."        },        {          "q": "Is there a minimum term?",          "a": "No. All memberships roll monthly with 30 days' notice. Studios have a three-month minimum."        },        {          "q": "Can I bring my dog?",          "a": "Well-behaved dogs are welcome on the second floor. Please tell us before your first visit."        }      ]    },    {      "kind": "contact",      "eyebrow": "Tours",      "title": "Book a tour",      "text": "Tours take 20 minutes and run every weekday. Tell us roughly how many desks you need.",      "fields": [        "name",        "email",        "company",        "date",        "message"      ],      "button": "Book tour"    }  ],  "footer": {    "text": "Coworking and team studios in Ancoats, Manchester.",    "columns": [      {        "title": "Visit",        "links": [          "Foundry Lane Mill, Ancoats",          "0161 496 0244"        ]      },      {        "title": "Work here",        "links": [          "Day passes",          "Memberships",          "Studios",          "Meeting rooms"        ]      },      {        "title": "Follow",        "links": [          "LinkedIn",          "Instagram"        ]      }    ],    "legal": "© Foundry Lane. Sample content: replace it in src/site.ts."  }};

Remix

Remix this template

Describe what to change and the agent starts from Coworking space's files. The box is already started for you: finish “Start from Coworking space and …”

Agent ready

Creates a free account first; your idea is carried over.

Dependencies

Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.

  • react^19.1.0
  • react-dom^19.1.0
  • vite^6.3.0
  • @vitejs/plugin-react^4.4.0
  • tailwindcss^4.1.0
  • @tailwindcss/vite^4.1.0
  • typescript^5.8.0

How it runs

Framework
Vite + React + TypeScript
Dev command
npm run dev
Build command
npm run build
Output directory
dist
Port
5173
Entry route
/

Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.

All templates

Build on Coworking space

Create a free account, start from this template, and ask the AI agent to turn it into your app.