Docs

Docs

Getting Started

Supported Blocks

August 26, 2025

Block TypeSupportedBlock Type EnumNotesStatus
Pageβœ… Yespageβœ…
Textβœ… YestextSupports all known text formatting optionsβœ…
some type didn’t support it yet, but already support all on typography page
Bookmarkβœ… YesbookmarkEmbedded preview of external URLβœ…
Bulleted Listβœ… Yesbulleted_list<ul>βœ…
Numbered Listβœ… Yesnumbered_list<ol>βœ…
Heading 1βœ… Yesheader<h1>βœ…
Heading 2βœ… Yessub_header<h2>βœ…
Heading 3βœ… Yessub_sub_header<h3>βœ…
Quoteβœ… Yesquoteβœ…
Calloutβœ… Yescalloutβœ…
Equation (block)βœ… YesequationkatexΒ viaΒ react-katexβœ…
Equation (inline)βœ… YestextkatexΒ viaΒ react-katexβœ…
Todos (checkboxes)βœ… Yesto_doβœ…
Table Of Contentsβœ… Yestable_of_contentsSeeΒ notion-utilsΒ getPageTableOfContentsΒ helper funtionβœ…
Dividerβœ… YesdividerHorizontal lineβœ…
Columnβœ… Yescolumnβœ…
Column Listβœ… Yescolumn_listβœ…
Toggleβœ… Yestoggle<details>βœ…
Imageβœ… Yesimage<img>βœ…
Embedβœ… YesembedGenericΒ iframeΒ embedsβœ…
Videoβœ… Yesvideoiframeβœ…
Figmaβœ… Yesfigmaiframe
Google Mapsβœ… Yesmapsiframe
Google Driveβœ… YesdriveGoogle Docs, Sheets, etc custom embed
Tweetβœ… YestweetUses the twitter embedding SDK
PDFβœ… YespdfUses S3 signed URLs andΒ react-pdf
Audioβœ… YesaudioUses S3 signed URLs andΒ HTML5Β audioΒ elementβœ…
Fileβœ… YesfileUses S3 signed URLs (generic downloadable file)βœ…
Linkβœ… YestextExternal linksβœ…
Page Linkβœ… YespageLink to a notion page in the same workspaceβœ…
External Page Linkβœ… YestextLinks to a notion page or collection view in another workspaceβœ…
Code (block)βœ… YescodeBlock code syntax highlighting viaΒ prismjsβœ…
Code (inline)βœ… YestextInline code formatting (no syntax highlighting)βœ…
Collectionsβœ… YesAlso known asΒ databasesβœ…
Collection Viewβœ… Yescollection_viewCollections have a 1:N mapping to collection viewsβœ…
Collection View Tableβœ… Yescollection_viewtype = "table"Β (default table view)βœ…
Collection View Galleryβœ… Yescollection_viewtype = "gallery"Β (grid view)βœ…
Collection View Boardβœ… Yescollection_viewtype = "board"Β (kanban view)βœ…
Collection View Listβœ… Yescollection_viewtype = "list"Β (vertical list view)βœ…
Collection View Calendar❌ Missingcollection_viewtype = "calendar" (embedded calendar view)❌

Typography

Text colors

default

gray

brown

orange

yellow

green

blue

purple

pink

red

Text backgrounds

default some text

gray some text

brown some text

orange some text

yellow some text

green some text

blue some text

purple some text

pink some text

red some text

Numbered List

  1. number one
  2. number two
  3. number three

Bullet List

  • bullet one
  • bullet two
  • bullet three

Nested

  1. number one
    1. number one
    2. number two
    3. number three
      1. number two
      2. number three
  2. number two
  3. number three

Heading1

Heading2

Heading3

Divider

Quote

Vestibulum id ligula porta felis euismod semper.

Columns

You can also layout your contents in Notion columns

❗
To create a column in Notion you have to drag a block and drop it at the end of another block

Column 1

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Column 2

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Column 3

Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Iframe

BlogPro will embed external sites with an iframe with same aspect ratio as in notion

Google Maps embed

Embedded content

Google Drive

Github gist

Tweet

Content that syncs across multiple pages.

This content appears in multiple places and updates everywhere when edited in one location.

  • Shared announcements
  • Common instructions
  • Reusable content blocks

Changes made to synced content update everywhere it's used.

Synced Block

Equations

Mathematical equations using LaTeX syntax.

E=mc2E = mc^2
βˆ«βˆ’βˆžβˆžeβˆ’x2dx=Ο€\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
ddx(∫0xf(u) du)=f(x)\frac{d}{dx}\left( \int_{0}^{x} f(u)\,du\right)=f(x)

Inline equations also work: x=βˆ’bΒ±b2βˆ’4ac2ax = \frac{-b \pm \sqrt{b^2-4ac}}{2a}

Inline Pages

References to other pages within your workspace.

Creates links to other Notion pages with:

  • Page title
  • Icon (if set)
  • Link functionality
  • Preview on hover

Files

Generic files

You can drag and drop a file in Notion and it will be displayed as a downloadable asset to the user

Audio files

Dragging audio files in Notion will create playable audio blocks like this one

You can create link on Notion by simply selecting the text you want to create the link on and clicking "link"

Here is an example link.

Mentions

You can also mention people the same way as pages: @Hongbeom

Currently mentions in BlogPro link to nothing, in the future you will be able to link to the use the custom link.

Bookmarks

If you want something more visible, you can also create a bookmark block

BlogPro - Launch Your Startup Blog in Seconds, Grow Traffic Fast

Turn your Notion content into an SEO-optimized startup blog that drives traffic and grows your business. No technical setup required. Start growing today.

Database views

Board view

Board

Not started

(1)

Card 2

In progress

(1)

Card 4

Completed

(0)

No Status

(3)

Card 1 with content

Card 3

List view

List
NameTagsCreated
Example page 3
Example page 2
Example page 1

Gallery view

Gallery
NameTagsCreated
Page 4
Page 1
Page 3
Page 2

Table view

Table
NameurlTagsColumnNumberFormulaCheckbox
Tommyyahoo.comtag 1, tag 52021-10-0518βœ“
Marcogoogle.comtag 1, tag 2, tag 32021-10-1912βœ—
Andreagoogle.comtag 3, tag 42021-09-2815βœ—

Images

BlogPro supports image caption, so does BlogPro
BlogPro supports image caption, so does BlogPro

Table with colors

Column 1Column 2Column 3
AValue 1Value A
BValue 2Value B
CValue 3Value C
DValue 4Value D

Code

function binary_search_iterative(a, value) {
  var mid, lo = 0,
      hi = a.length - 1;
 
  while (lo <= hi) {
    mid = Math.floor((lo + hi) / 2);
 
    if (a[mid] > value) {
      hi = mid - 1;
    } else if (a[mid] < value) {
      lo = mid + 1;
    } else {
      return mid;
    }
  }
  return null;
}
javascript

Video

From youtube

You can embed videos from youtube, simply by pasting the youtube url on Notion and clicking "Embed video"

Video file

You can also embed a video dropping a local file on Notion.

Gif file

BlogPro supports GIFs as well (keep in mind GIFs are more heavy than videos and videos are always preferred.