Digital Agency Vue Template – Ziana

About This Item

Ziana Vue is a digital agency Vue template for digital agencies and creative studios. It rebuilds the Ziana design in Vue 3 with the Composition API. Pinia holds the shared state, and Vue Router serves all 13 pages.

Because the agency logic lives in reactive stores, every choice updates the page at once. That includes the portfolio filter and the testimonial slider. Meanwhile, the design stays the same as the Ziana demo.

Layouts And Home Pages

Ziana Vue ships with two home page layouts: Bold Hero and Editorial Split. Each one is a view built from single-file components, so sections move between pages easily.

Agency Views

• Portfolio – an Isotope-filtered work grid with hover effects and a lightbox.
• Services – a services page and a service detail page.
• Team & About – profiles with skill bars and social links.
• Testimonials – a testimonials page and slider.
• Blog – an article list and a post page.
• Contact – a form with Google Maps and social links.

Digital Agency Vue Template Features

• Vue 3 single-file components with <script setup>
• Pinia stores for the theme
• Vue Router with lazy-loaded routes for 13 pages
• Vite build with hot module replacement
• Responsive from phones to wide screens
• Documentation for setup, structure and changes

Project Setup

Install Node 18 or newer first. Next, run npm install and npm run dev. Finally, npm run build creates a static site for any host.

Looking for this digital agency Vue template in another stack? Ziana also comes as HTML5, React, Angular and WordPress. The developer bundle includes every format for 20% less. See more Digital Agency Vue templates.

Built with Vue 3, Pinia and Vite.