Markdown Frontmatter Editor
Edit YAML frontmatter in Markdown documents visually. Parse, modify, add, or remove frontmatter fields without editing raw YAML. Powered by the gray-matter library.
Complete Guide: Markdown Frontmatter Editor
Everything you need to know about using this tool effectively
The Markdown Frontmatter Editor lets you view and edit the YAML front matter block at the top of Markdown files. It parses the front matter between --- delimiters, displays the fields in a structured editor, and lets you add, modify, or remove fields without touching the Markdown content below. All processing happens in the browser.
This tool splits a Markdown file into front matter (YAML between --- delimiters) and body content. It parses the YAML into a key-value editor, lets you modify fields, and reassembles the file with the updated front matter.
Editing blog post metadata
Change the title, date, tags, or author of a Markdown blog post.
Updating Jekyll or Hugo pages
Edit front matter fields in static site generator content files.
Adding SEO metadata
Add description and keywords fields to Markdown documents for SEO.
Batch-editing documentation
Edit front matter across multiple documentation files.
Paste Markdown with front matter
Enter Markdown that has a YAML front matter block at the top.
Edit fields
Modify existing fields or add new ones in the editor.
Copy the result
Copy the updated Markdown with the modified front matter.
Front matter must be between --- delimiters at the very start of the file.
Use standard YAML syntax for values: strings in quotes, lists with dashes.
The tool preserves the Markdown body below the front matter.
Common fields: title, date, author, tags, description, layout.
What is YAML front matter?
YAML front matter is a metadata block at the top of a Markdown file, enclosed between --- delimiters. It contains key-value pairs used by static site generators and CMS platforms.
Is my content sent to a server?
No. All parsing and editing happens in your browser. Nothing is transmitted.
Can I add new fields?
Yes. Use the 'Add Field' button to create new key-value pairs in the front matter.
Is the Markdown body preserved?
Yes. Only the front matter section is modified. The Markdown content below is unchanged.
What platforms use front matter?
Jekyll, Hugo, Gatsby, Astro, Next.js, Nuxt, Obsidian, and many other static site generators and CMS platforms.