Markdown and formatting templates
Tables, callouts, checklists, diagrams, front matter, HTML email bits and document scaffolds. 46 free templates. Open one to fill in the blanks and copy it.
Markdown blocks
Paste into any Markdown note.
- Table 3 columns Snippet Empty table. | [Column 1] | [Column 2] | [Column 3] | | | | | | | | | | | | |
- Table 2 columns Snippet Key and value. | Item | Detail | | | | | | |
- Aligned table Snippet Left, centre, right. | Left | Centre | Right | | : | :: | : | | | | |
- Checklist Snippet Tasks. - [ ] - [ ] - [ ]
- Note callout Snippet GitHub style. > [!NOTE] >
- Tip callout Snippet Helpful tip. > [!TIP] >
- Warning callout Snippet Be careful. > [!WARNING] >
- Important callout Snippet Must read. > [!IMPORTANT] >
- Collapsible section Snippet Details and summary. <details> <summary>[Summary]</summary> </details>
- Code block Snippet Fenced code. swift
- Link Snippet Markdown link. [[Text]]([Copied text])
- Image Snippet Markdown image. ![[Alt text]]([Image path])
- Footnote Snippet Reference and note. [Text][^1] [^1]:
- Blockquote with source Snippet Quote. > [Quote] > > [Source]
- Horizontal rule Snippet Divider.
- Heading with date Snippet Dated heading. [today]
- Definition list Snippet Term and meaning. [Term] :
- Keyboard shortcut Snippet kbd tags. <kbd>⌘</kbd> + <kbd>[Key]</kbd>
- Highlight Snippet Marked text. ==[Text]==
- Wiki link Snippet Link to a note. [[[Note title]]]
Diagrams
Mermaid diagrams in text.
- Flowchart Snippet Left to right flow. mermaid flowchart LR A[[Start]] B{[Decision]} B Yes| C[[Yes path]] B No| D[[No path]]
- Sequence diagram Snippet Who talks to whom. mermaid sequenceDiagram [Actor A][Actor B]: [Message] [Actor B][Actor A]: [Reply]
- Gantt chart Snippet Timeline. mermaid gantt title [Project] dateFormat YYYY-MM-DD section [Phase] [Task] :a1, [today], 7d
- Pie chart Snippet Share of total. mermaid pie title [Title] "[A]" : [A value] "[B]" : [B value]
- Mind map Snippet Ideas around a centre. mermaid mindmap root(([Topic])) [Branch 1] [Branch 2] [Branch 3]
- State diagram Snippet States and transitions. mermaid stateDiagram-v2 [*] [State A] [State A] [State B] [State B] [*]
- Class diagram Snippet Types and relations. mermaid classDiagram class [Name] { +[property] +[method]() }
- Entity relationship Snippet Database tables. mermaid erDiagram [Entity A] o{ [Entity B] : [Relation]
Document scaffolds
Front matter and structures.
- YAML front matter Snippet For static sites. title: [Title] date: [today] tags: [[Tags]] draft: true
- Obsidian properties Snippet Note metadata. created: [today] type: [Type] status: todo
- Table of contents Snippet Manual TOC. Contents 1. [[Section 1]](#) 2. [[Section 2]](#) 3. [[Section 3]](#)
- Changelog heading Snippet Keep a changelog. [[Version]] - [today] Added - Changed Fixed
- FAQ scaffold Snippet Questions and answers. FAQ [Question 1] [Answer 1] [Question 2] [Answer 2]
- Meeting notes scaffold Snippet Markdown meeting notes. [Meeting] Date: [today] Notes - Actions - [ ]
- License MIT line Snippet License badge line. Licensed under the MIT License. Copyright (c) [today] [Name].
- Badge row Snippet Shields badges. …
HTML snippets
For emails, CMSs and web pages.
- HTML email button Snippet Bulletproof-ish button. <a href="[URL]" style="background:#ff7a1a;color:#ffffff;padding:12px…
- HTML signature Snippet Simple signature. <p style="margin:0"><strong>[Your name]</strong><br>[Role], [Company]<br><a…
- Responsive image Snippet img with alt. <img src="[Image URL]" alt="[Alt text]" style="max-width:100%;height:auto;">
- Link opens in new tab Snippet Safe target blank. <a href="[URL]" target="_blank" rel="noopener noreferrer">[Label]</a>
- HTML boilerplate Snippet New page. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport"…
- Meta description Snippet SEO meta tag. <meta name="description" content="[Description]">
- Open Graph tags Snippet Social previews. <meta property="og:title" content="[Title]"> <meta property="og:description" content="[Description]"> <meta…
- Embed video Snippet Responsive iframe. <iframe src="[Embed URL]" style="width:100%;aspect-ratio:16/9;border:0" allowfullscreen></iframe>
- Unsubscribe footer Snippet Email footer. <p style="font-size:12px;color:#888">You are receiving this because you signed up at [Website]. <a…
- Table HTML Snippet Basic table. <table> <thead><tr><th>[Header 1]</th><th>[Header 2]</th></tr></thead>…