<h1 id="snippets-view" class="header__offset scroll-mt-24 group">Snippets view<a href="#snippets-view" title="Snippets view" class="hidden group-hover:inline-block"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="ml-4 h-6 inline-block"><path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"></path></svg></a></h1>
<p>On the snippets view you can manage all your snippets. Snippets are small pieces of code that you can re-use in your markdown files.</p>

<div class="vscode_wrapper"><a class="open_vscode" title="Open snippets dashboard in VS Code" href="vscode://eliostruyf.vscode-front-matter-beta?command=frontMatter.dashboard.snippets"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="h-6 w-6 group-hover:fill-current" aria-hidden="true" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M23.15 2.587L18.21.21a1.494 1.494 0 0 0-1.705.29l-9.46 8.63-4.12-3.128a.999.999 0 0 0-1.276.057L.327 7.261A1 1 0 0 0 .326 8.74L3.899 12 .326 15.26a1 1 0 0 0 .001 1.479L1.65 17.94a.999.999 0 0 0 1.276.057l4.12-3.128 9.46 8.63a1.492 1.492 0 0 0 1.704.29l4.942-2.377A1.5 1.5 0 0 0 24 20.06V3.939a1.5 1.5 0 0 0-.85-1.352zm-5.146 14.861L10.826 12l7.178-5.448v10.896z"></path></svg>

          <span>
  Open snippets dashboard in VS Code
</span>
          </a>
</div><div></div>
<p><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAAklEQVR4AewaftIAAACbSURBVHXBMVICQRCG0e/v7tkFS1ZgD2Di/e9haugJrMJoRwJgZhsx9z3V8/JpVubewbKRMh5KCdyDzOR6vZxiKJujZMfiidmAJJJEQALvXx88l22PpZ4xM9ydWn+Y5wPLUhnHDZkrb8Mr07Qj9tOOzBWZ8bQdIWE+vJAJMpFrIkFEOOD8y/kTvfcT0PllZrTWeIgIJHG7NSR93wFGtzlaFMlVnAAAAABJRU5ErkJggg==" alt="Snippets view" data-src="/releases/v10.2.0/snippets-view.png" class="lazyload" width="1309"></p>
<p>You can read more about snippets in the <a href="/docs/snippets">snippets documentation</a>.</p>

Snippets view

Create, edit, and preview your pages within Visual Studio Code/Gitpod/... Front Matter allows you to keep control of your static site without any external tools

Introduction

Getting started

Content creation

Learn how to let Front Matter CMS know where to find and create your content

Content folders

Learn how to define content types in Front Matter CMS

Content types

Learn which kind of fields you can use in Front Matter CMS

Fields

Learn how to show or hide fields based on the value of another field

Field conditions

Learn how to use placeholders in Front Matter CMS

Placeholders

Learn how you can add your custom field actions to populate the field with a specific value.

Field actions

Learn how you can dynamically generate slugs for your pages in Front Matter CMS

Slug

Learn how to use multilingual content in Front Matter CMS

Multilingual

Additional configuration

Dashboard

Content view

Media view

Data files/folders view

Taxonomy view

Learn how to use the Front Matter panel to perform most of the extension actions with just a click on the button.

Editor panel

Sponsor features

Git integration

Custom actions/scripts

Content scripts

Media scripts

Advanced script actions

Sample scripts

Static Site Generators

Astro Configuration

Hugo Configuration

Next.js Configuration

Site preview

Markdown

Snippets

AI features

UI extensibility in the Front Matter extension.

UI extensibility

Troubleshooting

Settings

Projects are useful when managing multiple sites or when you want to separate your content into different environments.

Snippets view

Feedback/comments

Ready to get started?