Wine label creator app with Vue.js and dynamic SVG

Vue Wine Label Maker

Entertain yourself with this new app made with Vue.js, where you can create your own label on a bottle of wine! Give your wine a name, choose color font, backrground image, label placement and more.

You can take a look how SVG is used in the HTML along with Vue, in the editor view, and change the result to see it in the preview. Also, all the HTML, CSS and JS code is available.

Playing around with dynamic SVGs and SVG text.

The creator has made available the Github repository for everyone to see and use.

Head to CodePen and play with it, and create some cool labels! Created by Sarah Drasner

Wine label creator app with Vue.js and dynamic SVG

Vue Wine Label Maker

Subscribe for more Vue

More Vue Stories

1️⃣ vue-bind-once

A tiny, SSR-safe Vue.js directive for binding random data to an element.

The history of Frontend

Open Source Vue.js and Nuxt app that records the history of Frontend

Server Components Keep Getting Better

Learn about the new updates to Nuxt's Server Components.

Submit yours