Vue Template for Artists – Illustra

About This Item

Illustra Vue is a Vue template for artists, built for an illustration and concept-art studio of several artists working for game studios. It rebuilds the Illustra design in Vue 3 with the Composition API. Pinia holds the shared state, and Vue Router serves all 33 pages.

Because the studio, estimate & licensing logic lives in reactive stores, every choice updates the page at once. That includes an estimate builder that prices characters and environments and props by complexity and turnaround with extras. Meanwhile, the design stays the same as the Illustra demo.

Layouts And Home Pages

Illustra Vue ships with three home page layouts: The Studio, Games & Concept Art and Books & Covers. Each one is a view built from single-file components, so sections move between pages easily.

Studio, Estimate & Licensing Views

• Estimate Builder – counts and complexity for each asset type, turnaround, a style that picks the artists.
• Start A Project – five steps: the project, the pieces.
• The Artists / Artist Profile – seven artists filtered by five styles.
• Licensing By Use / Licence Library / Licence Details – a terms table and a calculator.
• Licence Bag, Checkout & Wishlist – each piece with its terms, a coupon and tax by billing region.
• Projects By Client / Project Details – ten projects for six clients with client tabs, and two project layouts.

Vue Template for Artists Features

• Vue 3 single-file components with <script setup>
• Pinia stores for the cart, the theme and the language
• Vue Router with lazy-loaded routes for 33 pages
• Vite build with hot module replacement
• Light and dark mode on one switch, remembered between visits
• Right-to-left layouts for every page
• 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 Vue template for artists in another stack? Illustra also comes as HTML5, React, Angular and WordPress. The developer bundle includes every format for 20% less. See more Design Agency Vue templates.

Built with Vue 3, Pinia and Vite.