Tattoo Vue Template – Finelia

About This Item

Finelia Vue is a tattoo Vue template for a fine-line tattoo and piercing studio. It rebuilds the Finelia design in Vue 3 with the Composition API. Pinia holds the shared state, and Vue Router serves all 31 pages.

Because the tattoo, piercing & booking logic lives in reactive stores, every choice updates the page at once. That includes a piercing menu priced by placement and jewellery style and metal; a fine-line estimate by the size in centimetres; booking with ID and age rules worked out for the day of the visit; aftercare by piercing with the downsize and healing dates; an ear curator; open now and walk-in piercing from the clock; and a jewellery shop in titanium and 14k gold. Meanwhile, the design stays the same as the Finelia demo.

Layouts And Home Pages

Finelia Vue ships with three home page layouts: The Studio, Piercing & Jewellery and Fine Line. Each one is a view built from single-file components, so sections move between pages easily.

Tattoo, Piercing & Booking Views

• Piercing Menu – 18 placements with their gauge, healing time and youngest age.
• Tattoo Estimate – width and height in centimetres, single line, fine detail or soft shading, the ink.
• Book A Visit – six steps: the visit, the artist, a day and a free start, your details.
• Aftercare – choose your piercing and the day it was done: today’s healing stage on a.
• Ear Curation – tap the drawn ear to add placements.
• The Jewellery Shop – 16 pieces and the aftercare range.

Tattoo Vue Template 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 31 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 tattoo Vue template in another stack? Finelia also comes as HTML5, React, Angular and WordPress. The developer bundle includes every format for 20% less. See more Tattoo Studio Vue templates.

Built with Vue 3, Pinia and Vite.