Material Shadow Preview

An app to visualize Material Design elevations (shadows) and dynamically generate its CSS.

What I've Learned

This was my first serious project with Vue. I initially started off without a UI framework, but as the components get more complex, it became time-consuming to re-invent the wheel, so I opt for Vuetify instead.

The trickiest part at the time was to apply syntax highlighting and to enable copy and download functionality. Alas, they are solved with Highlight.js and some JavaScript sorcery.

Preview

Website preview