Websites · React
Architecture studio
Editorial architecture practice site with selected projects, the studio's approach, a short history and the team.

What you get
A portfolio-led site for an architecture practice: a large editorial hero, selected built work, how the studio approaches a brief, key moments, the team and a project enquiry form. All content lives in src/site.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
# Architecture studio
A portfolio-led site for an architecture practice: a large editorial hero, selected built work, how the studio approaches a brief, key moments, the team and a project enquiry form. All content lives in src/site.ts.
## Make it yours
- **Content:** `src/site.ts` holds every headline, section, price and link. Edit it (or ask Codexa) and the page updates.
- **Look:** `src/index.css` holds the colours, fonts and corner radius; fonts load from Google Fonts in `index.html`.
- **Layout:** the components in `src/` are plain React + Tailwind CSS. Change them freely.
```bash
npm install
npm run dev
```
Remix
Remix this template
Describe what to change and the agent starts from Architecture studio's files. The box is already started for you: finish “Start from Architecture studio and …”
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.
Keep browsing
All templates
Boutique hotel
Elegant small-hotel website with rooms and rates, the restaurant, guest notes, arrival details and a stay request form.

Static website
Plain HTML, CSS, and JavaScript with no build step. Ideal for simple sites and learning.

Animal rescue charity
Warm animal rescue site with animals looking for homes, how adoption works, monthly giving and volunteer sign-up.
Build on Architecture studio
Create a free account, start from this template, and ask the AI agent to turn it into your app.