Live examples
Examples that run on the page, with their files shown below them exactly as they run.
The example shortcode is what Vitrine is named after: a glass case with the real thing inside. A folder of up to
three files becomes a running demo, and the same files, unchanged, appear in tabs below it. What readers copy is
what ran.
Start with the example shortcode, then read how styles, scripts and imports stay inside their example and load libraries.
In this section
- The example shortcode · A folder next to your page, one line in its Markdown, and the example runs.
- Styles, scripts and imports · How an example's CSS stays inside it, how its script runs, and how it imports a library by its npm name.