My Markdown Previewer in React

Themes:
Editor
Previewer

Heading level 1

Heading level 2

Heading level 3

Here is some inline code, <div></div>, between 2 backticks.

// This is a codeblock:

function square(number) {
  return number * number;
}

You can also make text bold...
Or italic1 or italic2.
Or a bold italic text like so: both!
You can cross text in markdown, crossing stuff out.

There's also links MDN Documentation,
and Block Quotes:

It does not matter how slowly you go as long as you do not stop.
by Confucius

And you can make tables in markdown too:

ID Language Description
#1 JavaScript It is a programming language
#2 Markdown It is a markup language, useful for taking notes
#3 CSS It is the styling language that makes the web pretty and sexy
#4 HTML A markup language that provides the fundamental structure for a page

This is a list in markdown:

  • List item
  • List item
    • Indented list item
    • Indented list item
  • List item
  1. And there are numbered lists too.
  2. Item 2
  3. Item 3:

You can embed images as well:

Notes taking picture