<h1 id="experimental-features" class="header__offset scroll-mt-24 group">Experimental features<a href="#experimental-features" title="Experimental features" 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>This page contains all the experimental features in the Front Matter CMS.</p>
<blockquote class="important">
<p><strong>Important</strong>: These features are not yet fully tested and might not work as expected.
If you find any issues,
please <a href="https://github.com/estruyf/vscode-front-matter/issues">open an issue</a>.</p>
</blockquote>
<h2 id="enable-experimental-features" class="header__offset scroll-mt-24 group">Enable experimental features<a href="#enable-experimental-features" title="Enable experimental features" 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></h2>
<p>To enable the experimental features, you need to set the
<code>frontMatter.experimental</code> setting to <code>true</code>.</p>
<div class="code__wrapper group">
  
  <div>
    <pre class="shiki The unnamed" style="background-color: #0E131F" tabindex="0"><code><span class="line"><span style="color: #44FFD2">"frontMatter.experimental"</span><span style="color: #F3EFF5">: </span><span style="color: #FFE45E">true</span></span></code></pre>
  </div>       
</div>
<p>Currently the following experimental features are available:</p>
<ul>
<li>External UI scripts</li>
<li>Front matter AI (only available for GitHub sponsors)</li>
</ul>

Experimental features in the Front Matter extension.

Experimental features

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 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 view

Taxonomy view

Editor panel

Sponsor features

Git integration

Custom actions/scripts

Static Site Generators

Astro Configuration

Hugo Configuration

Next.js Configuration

Site preview

Markdown

Snippets

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.

Experimental features

Enable experimental features

Feedback/comments

Ready to get started?