Archivue – VueJS Interior Design Landing Page Template

Archivue – VueJS Interior Design Landing Page Template

Archivue is a modern VueJS Interior Design Landing Page Template with a luxurious aesthetic and a premium visual experience. Crafted specifically for interior architects, residential & commercial designers, decor studios, and creative agencies, Archivue provides everything needed to showcase spatial portfolios, design services, and client testimonials with sophistication and speed.

Core Features

• Vue 3 & Vite Engine: Powered by Vue 3 (Composition API) and Vite for lightning-fast page loading, instant hot module replacement (HMR), and optimal bundle size.
• Vue Router v4: Modern Single Page Application (SPA) client-side routing with lazy-loaded page components and smooth scroll behavior.
• Tailwind CSS v4 Engine: Built with modular CSS variables, custom typography tokens (Libre Franklin & Roboto), and fluid grid utilities without bulky legacy configs.
• 3 Distinct Home Page Variants: Includes 3 unique hero layout styles featuring interactive touch-enabled Embla Carousel sliders.
• Accessible UI Components: Unstyled, accessible UI primitives for smooth accordions, tooltips, overlays, and collapsible cards.
• Dynamic Navbar Composable: Supports fluid full-width layouts, single-tier transparent modes, and smooth scroll state transitions.
• Scroll-Driven Animations: Staggered entrance and fade reveal animations that bring architectural content to life.
• Fully Responsive: Meticulously engineered for pristine rendering across mobile screens, tablets, and wide desktop displays.

Template Pages & Sections

• 3 Homepage Layouts: Home 1 (Studio Hero), Home 2 (Full-screen Carousel), and Home 3 (Architectural Overlapping Hero).
• Service Details: Service overview grid and 2-column detailed layout with collapsible sidebar, specs table, and FAQ accordion.
• Portfolio & Case Studies: Portfolio showcases with client specs, gallery, and challenge/result breakdowns.
• About & Philosophy: Studio story sections, animated stat counters, team showcase, and CEO profile.
• Blog & Articles: Editorial article grid and single post detail layouts.
• Client Reviews: Responsive testimonial sliders and social proof cards.
• Contact & Consultation: Lead generation cards and consultation request forms.

What do you get?

• Vue 3 & Vite Source Code
• Complete Documentation Source & HTML Site
• Packaging Build Tools (Vite pipeline)

Caution: All images are for preview purposes only and are replaced with placeholder dimensions in the downloadable package due to licensing restrictions.

Important Note: This is a VueJS application template, NOT a WordPress theme.

Sources and Credits

Framework & Styling:
Vue 3, Vite, Vue Router v4, Tailwind CSS v4

UI Libraries & Plugins:
Embla Carousel (embla-carousel-vue, autoplay, fade), Class Variance Authority (CVA), Custom SVG Icons

Fonts:
Libre Franklin, Roboto (Google Fonts)

Changes log