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
Version - 1.0.0 Initial Release