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.
Continue Your Code Journey
What is Markdown Frontmatter Editor?
Markdown Frontmatter Editor lets you update the YAML metadata block at the top of a Markdown file without editing the body text by hand. It parses fields between --- delimiters, exposes them in a structured editor, and rebuilds the Markdown with the updated front matter. Use it for blog posts, docs pages, static sites, and CMS content.
How does Markdown Frontmatter Editor work?
This tool separates a Markdown file into YAML front matter and body content. It parses the front matter into editable key-value fields, then reassembles the file after you add, change, or remove metadata.
Key Features
- Parses YAML front matter from Markdown
- Structured key-value editor
- Add, modify, and remove fields
- Preserves Markdown body content
- Copy updated Markdown to clipboard
- Download as .md file
- Browser-based YAML parsing
- Real-time preview
Common Use Cases
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.
How to Use This Tool
Paste Markdown with front matter
Paste Markdown that begins with a YAML front matter block.
Edit fields
Modify existing fields or add new ones in the editor.
Copy the result
Copy the updated Markdown with the modified front matter.
Pro Tips
- 1
Front matter must be between --- delimiters at the very start of the file.
- 2
Use standard YAML syntax for values: strings in quotes, lists with dashes.
- 3
The tool preserves the Markdown body below the front matter.
- 4
Common fields: title, date, author, tags, description, layout.
Frequently Asked Questions
What is YAML front matter?
Markdown frontmatter editor works with YAML front matter, a metadata block at the top of a Markdown file enclosed between --- delimiters.
Is my content sent to a server?
No. The Markdown and front matter are edited in your browser.
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.