Vuetify Sandbox

A tool for creating and testing Vuetify themes and layouts with ease.

Vuetify sandbox is a PWA (progressive web app) that helps you to create and test themes and layouts based on Material design guidelines and Vuetify with no pain.

Dark mode

Are you a night coder? hit Ctrl + alt + d to let app have night mood.

Cache

Every change you make to themes and layouts, gets saved automatically in local storage and will be available for the next time that you come.

PWA

Vuetify sandbox is a PWA, so it can work offline or appear on your homescreen. it has a clean, simple and easy-to-work layout built with Vuetify.

Theme tool is a powerful tool with a minimalist design to help you generate themes, view and export them.

Sidebar

Colors used in theme are listed in the right sidebar. If you want to change them, just click on them. Color picker will be opened
And even if you want to view the code, click the EXPORT button.

Color picker

Once opened, a wide variety of Material design colors is showed to you. click on a color group (colored squares). then, select a shade of that color and done!

Preview Section

The preview is available on the left side. Every change you make to the colors, will be reflected into it.
There's no action belonged to this section; it just provides a visual example for you.

Layout tool provides an easy-to-work-with workspace to play out with Vuetify layout feauters.
There are settings for each key component. Combine them to make something great!