Edifice Architecture and Interior Design React Template
Business · by Fahad Sakib
Edifice Architecture and Interior Design React Template is a front-end, multi-page React and TypeScript website template for architecture and interior design studios, with 19 routes, 6 project gallery layouts, GSAP scroll animations and content in static JSON files.
What is Edifice Architecture and Interior Design React Template?
Edifice is a React 19 and TypeScript portfolio template for architecture and interior design studios, built with Vite 7 and React Router v7. It has 19 routes with a shared layout, blog, services and project pages, and uses Bootstrap 5, Swiper carousels and GSAP scroll animations. Content is stored in static JSON files with no backend.
Best for
- Architecture studios
- Interior design firms
- Developers building React portfolios
Pages in the demo
- Home
- About
- Services
- Our Team
- Pricing
- Testimonials
- Our Process
- FAQs
- Projects
- Masonry
- Blog
- Contact Us
Highlights
- React 19 with TypeScript on Vite 7
- 19 routes with React Router v7
- Six project gallery layouts
- Content in static JSON files with no backend
Key features
- Rich Project Showcase with 6 Gallery Layouts
- GSAP-Powered Scroll Animations & Swiper Carousels
- Comprehensive Multi-Page Architecture
About Edifice Architecture and Interior Design React Template
Edifice Architecture and Interior Design React Template is a multi-page portfolio and business website for architecture and interior design studios, set up for a fictional studio based in San Francisco. It is built with React 19, TypeScript and Vite 7 and is entirely front-end: menus, services, blog posts and process steps come from static JSON files rendered client-side.
What's included
Pages
- Home, About, Services, Teams, Pricing, Testimonials, Process, FAQ and Contact
- Blogs and Blog Details
- 6 project gallery layouts: Standard, Metro, Grid, List, Masonry and Slider
- Project Details
Project files
- package.json with metadata, scripts and dependencies
- vite.config.ts with path aliases
- tsconfig files with the TypeScript settings
- eslint.config.js with the ESLint configuration
- vercel.json with an SPA rewrite rule
- index.html, the single entry that mounts the React app
Key features
- Rich project showcase with 6 gallery layouts, each with a dedicated route and reusable components
- Project detail pages with image galleries, overview text and a metadata sidebar
- GSAP-powered scroll animations with ScrollTrigger
- Swiper carousels with touch support, autoplay, parallax effects and custom navigation
- Comprehensive multi-page architecture: 19 client-side routes, a shared layout with Header, Footer and ScrollUpButton, and a custom scroll restoration hook
- Fully front-end architecture with no backend or API: all data comes from static JSON files
- Component-based UI written in TypeScript
- Responsive grid and modular SCSS stylesheets
Requirements and tech
- React 19 with TypeScript
- Vite 7 as the dev server and bundler
- React Router v7 for client-side routing
- Bootstrap 5 for the responsive grid
- Swiper 12 for touch-enabled carousels
- GSAP 3 and ScrollTrigger for scroll-based animations
- SCSS for modular stylesheets
- Vercel for deployment, with an SPA rewrite config
The description does not list supported browsers or include setup steps. Preview the live demo before buying.
Good to know
Edifice is front-end only. There is no backend, database or API integration, and the content is written for a fictional San Francisco studio, so you edit the JSON files to add your own studio's content. Every item on manob.ai is manually reviewed before approval. Seller support runs through manob.ai's ticket system for 6 months after purchase. Regular licence covers one end product where end users aren't charged; Extended licence covers end products that charge users.
At a glance
| Type | React template |
|---|---|
| Built with | React, Bootstrap 5 |
| Layout | Responsive |
| Grid | 12 columns |
| Live demo | Open the live demo |
| Licenses | Regular $37.05 (was $39) · Extended $1007 (was $1060) |
| Support | 6 months from the seller, via the manob.ai ticket system |
| Seller | Fahad Sakib |
| Last updated | October 2026 |
Screenshots
Licenses and price
- Regular License: $37.05 (regular price $39) — one end product where end users are not charged.
- Extended License: $1007 (regular price $1060) — an end product where end users are charged.
- Includes 6 months of support from the seller.
What our editors say
Edifice: best for a developer building a studio site in React
Edifice is a front-end-only site for a fictional San Francisco architecture and interior design studio, built with React 19, TypeScript, Vite 7, React Router v7 (19 routes), Bootstrap 5, Swiper 12, GSAP 3 with ScrollTrigger and SCSS. Projects get 6 gallery layouts (Standard, Metro, Grid, List, Masonry and Slider) and detail pages with a metadata sidebar.
Read the full comparison in Interior Design Website Templates: 11 Picks Compared
Edifice: best React codebase to adapt
Edifice is a React 19 and TypeScript app on Vite 7 with React Router v7 (19 routes), Bootstrap 5, GSAP scroll animations and SCSS. It was designed for an architecture and interior studio, so you'll swap the content, but the structure is a clean example of a multi-page React portfolio: all content sits in static JSON files and it ships a vercel.json for deployment. It includes six project gallery layouts.
Read the full comparison in Portfolio Website Templates: 15 Picks by Profession
Edifice: best for a multi-page portfolio SPA
Edifice has the most clearly documented stack of the group: React 19 with TypeScript, Vite 7, React Router v7 (19 routes), Bootstrap 5, Swiper 12, GSAP 3 with ScrollTrigger and SCSS. It's front-end only, with all content in static JSON files, and it ships a vercel.json SPA rewrite for deployment. It includes six project gallery layouts (standard, metro, grid, list, masonry and slider), built for an architecture and interior studio.
Read the full comparison in React Templates: 13 React and Next.js Picks Compared
Frequently asked questions
What do I need to use Edifice Architecture and Interior Design React Template?
Node.js and a package manager such as npm to install the dependencies and build the project, plus a host for the built site.
Can I see a live demo of Edifice Architecture and Interior Design React Template before buying?
Yes. The Live preview button on this page opens the seller's live demo, so you can click through it before you buy.
Which license do I need for Edifice Architecture and Interior Design React Template?
The Regular License ($37.05, was $39) covers one end product, made by you or for one client, whose end users are not charged. The Extended License ($1007, was $1060) covers one end product whose end users are charged. Prices include the buyer fee. Neither license lets you redistribute the source files as they are.
Is support included with Edifice Architecture and Interior Design React Template?
Yes. Every purchase includes 6 months of support from Fahad Sakib through the manob.ai ticket system.
Tags: react, typescript, architecture portfolio, interior design, gsap animations, swiper carousel, bootstrap 5, multi-page spa, corporate website, responsive design, react router, project showcase