Edifice Architecture and Interior Design React Template

Business · by Fahad Sakib

Édifice is a multi-page front-end portfolio website for a fictional San Francisco architecture and interior studio. Built with React 19, TypeScript, and Vite, it uses Bootstrap 5, Swiper, GSAP, ScrollTrigger, and SCSS. It features 19 routes with a shared layout, blogs, services, galleries, and project pages. All content is stored in static JSON files, with no backend or API integration, and is ready for Vercel deployment.

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

<p><strong>Édifice — Architecture & Interior Design Studio</strong></p><p>Édifice is a multi-page portfolio and business website built for a fictional San Francisco-based architecture and interior design studio. The project is entirely front-end — there is no backend, database, or API integration. All content data (menus, services, blog posts, process steps) is stored in static JSON files and rendered client-side.</p><p><strong>Tech Stack</strong></p><ul><li><strong>React 19</strong>with TypeScript — component-based UI</li><li><strong>Vite 7</strong>— dev server & bundler</li><li><strong>React Router v7</strong>— client-side routing (19 routes)</li><li><strong>Bootstrap 5</strong>— responsive grid</li><li><strong>Swiper 12</strong>— touch-enabled carousels</li><li><strong>GSAP 3 + ScrollTrigger</strong>— scroll-based animations</li><li><strong>SCSS</strong>— modular stylesheets</li><li><strong>Vercel</strong>— deployment with SPA rewrite config</li></ul><p><strong>Project Structure</strong></p><p><strong>Root / Config Files</strong></p><ul><li><strong>package.json</strong>— metadata, scripts, dependencies</li><li><strong>vite.config.ts</strong>— Vite config with path aliases</li><li><strong>tsconfig files</strong>— TypeScript settings</li><li><strong>eslint.config.js</strong>— ESLint configuration</li><li><strong>vercel.json</strong>— SPA rewrite rule</li><li><strong>index.html</strong>— single entry mounting React app</li></ul><p><strong>Layout & Routing</strong></p><ul><li>19 client-side routes</li><li>Shared Layout (Header, Footer, ScrollUpButton)</li><li>Custom scroll restoration hook</li></ul><p><strong>Pages</strong></p><ul><li>Home</li><li>About</li><li>Services</li><li>Teams</li><li>Pricing</li><li>Testimonials</li><li>Process</li><li>FAQ</li><li>Contact</li><li>Blogs + Blog Details</li><li>6 Project Gallery Layouts (Standard, Metro, Grid, List, Masonry, Slider)</li><li>Project Details</li></ul><p><strong>Key Features</strong></p><p><strong>1. Rich Project Showcase</strong></p><p>Six distinct gallery layouts with dedicated routes and reusable components. Project detail pages include image galleries, overview text, and metadata sidebar.</p><p><strong>2. Animations & Carousels</strong></p><p>GSAP-powered scroll animations and Swiper carousels with autoplay, parallax effects, and custom navigation.</p><p><strong>3. Fully Front-End Architecture</strong></p><p>No backend or API. All data is stored in static JSON files and rendered client-side.</p>

At a glance

Screenshots

Licenses and price

• Regular License: $39 — one end product where end users are not charged.
• Extended License: $1060 — an end product where end users are charged.
• Includes 6 months of support from the seller.

What our editors say

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: 12 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: 11 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 ($39) covers one end product, made by you or for one client, whose end users are not charged. The Extended License ($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.

View the live demo

Tags: react, typescript, architecture portfolio, interior design, gsap animations, swiper carousel, bootstrap 5, multi-page spa, corporate website, responsive design, react router, project showcase