JavaScript Markdown

Open-source JavaScript projects categorized as Markdown

Top 23 JavaScript Markdown Projects

  • GitHub repo prettier

    Prettier is an opinionated code formatter.

    Project mention: Prettier 2.3. In which assignments are consistent, short keys non-breaking, and Handlebars official | reddit.com/r/javascript | 2021-05-12

    Hopefully https://github.com/prettier/prettier/issues/7884 will be fixed soon so I can actually use Prettier...

  • GitHub repo marked

    A markdown parser and compiler. Built for speed.

    Project mention: 50 Projects in 50 Days, 4/5 there! 🌻 | dev.to | 2021-05-07

    The first new thing I came across is the Marked library. https://marked.js.org/ We used it as it's rather light-weight and as it implements all markdown features from the supported flavours & specifications of the case. In our case we simply wrapped the text around it.

  • GitHub repo marktext

    📝A simple and elegant markdown editor, available for Linux, macOS and Windows.

    Project mention: Remnote vs Obsidian vs Notion | reddit.com/r/Zettelkasten | 2021-05-01
  • GitHub repo stackedit

    In-browser Markdown editor

    Project mention: GhostWriter is a distraction free Markdown editor | news.ycombinator.com | 2021-02-24

    Most dedicated markdown editors all end up using the same JS code editor components like Ace, CodeMirror or Monaco, and those editors have great vim keybindings usually as extensions or options. See if the tool you're using lets you flip those vim bindings on. For some editors they expose it as an option and for others you have to hack around with the source (for example enabling it with stackedit, a PWA markdown editor like ghostwriter, is possible with same hacking: https://github.com/benweet/stackedit/issues/254 ).

  • GitHub repo docsify

    🃏 A magical documentation site generator.

    Project mention: Web-manuals instead of e-books? | reddit.com/r/RPGdesign | 2021-05-01

    This is a custom tweak of https://docsify.js.org/ :) Rose did some great work implementing light-and-dark mode, various boxes and customizing the theme.

  • GitHub repo TOAST UI Editor

    🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

  • GitHub repo showdown

    A bidirectional Markdown to HTML to Markdown converter written in Javascript

    Project mention: Using Markdown as HTML | news.ycombinator.com | 2021-05-02

    I had an idea a while ago. Instead of dealing with two sets of files, why not make a file that was Markdown and HTML at the same time?

    I found this utility, which unfortunately seems to have been abandoned: https://github.com/showdownjs/showdown

    All you need to do is add a few lines to the top of your Markdown file. Here's an example:

    https://trivialcode.com/mdhtml_demo/demo.mdhtml

    Take a look at the source of the .mdhtml file and you'll see what I mean.

    If you're taking notes in Markdown this might make things a bit easier to keep organized. No need to update anything if you're exporting to HTML.

    Thoughts? Is this a good idea? A bad one? I also wondered if generating Markdown via a web server and then converting it on the fly like this would be an interesting exercise. Seems like it'd be simpler than generating HTML.

    I use Vim, so I've put this in my vimrc for editing:

    autocmd BufNewFile,BufRead *.mdhtml set syntax=markdown

    First time posting here. Let me know what you guys think.

  • GitHub repo markdown-it

    Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed

    Project mention: Trouble with the <summary> tag | reddit.com/r/HTML | 2021-05-11

    The problem is in a Jupyter Notebook markdown cell but it is reproducible here (with the html box checked).

  • GitHub repo mdx

    JSX in Markdown for ambitious projects

    Project mention: A wiki built on Next.js — is this idea implausible? | reddit.com/r/nextjs | 2021-04-30

    We do use Nextjs as a wiki kinda. We use MDX for a lot of internal documentation with git and gitlab CI / CD deployment.

  • GitHub repo mdx-deck

    ♠️ React MDX-based presentation decks

    Project mention: On the limits of MDX | dev.to | 2021-04-01

    Yep, you can import JSX components and embed them with your run-of-the-mill Markdown prose. If you're documenting your JSX based component library, which is what Docz let you do, this makes all the sense in the world. MDX is also used to author slide decks in mdx-deck, which is very appealing if you're tired of clicking around in Keynote/PowerPoint/Google Sheets. Which many of us are. I'm not denying the appeal or usability of MDX for certain things for certain people.

  • GitHub repo stylelint

    Project mention: 18 Alternatives to Using Tailwind CSS: Do You Really Need It? | dev.to | 2021-05-08

    ✨ Stylelint 💥 cssnano

  • GitHub repo Metalsmith

    An extremely simple, pluggable static site generator.

    Project mention: Zola, A fast static site generator in a single binary | news.ycombinator.com | 2021-03-05

    I believe Metalsmith [1] is trying that approach

    [1] https://metalsmith.io/

  • GitHub repo HackMD

    CodiMD - Realtime collaborative markdown notes on all platforms.

    Project mention: Open source + Markdown + True WYSIWYG (not split-view) + Mobile responsive + Table support + Bulk import/export .md files + Folder structure & tag support + Email login/registration support | reddit.com/r/selfhosted | 2021-02-21
  • GitHub repo react-markdown

    Markdown component for React

    Project mention: Paginating your Contentful blog posts in Next.js with the GraphQL API | dev.to | 2021-04-26

    If you’d like to use react-markdown with the renderer options provided in the example project, install the package via npm following the given instructions.

  • GitHub repo remarkable

    Markdown parser, done right. Commonmark support, extensions, syntax plugins, high speed - all in one. Gulp and metalsmith plugins available. Used by Facebook, Docusaurus and many others! Use https://github.com/breakdance/breakdance for HTML-to-markdown conversion. Use https://github.com/jonschlinkert/markdown-toc to generate a table of contents.

    Project mention: Sciter officially switched to JavaScript | reddit.com/r/electronjs | 2021-05-08

    mdview (sources) uses RemarkableJS for MD->HTML conversion.

  • GitHub repo fusuma

    ✍️Fusuma makes slides with Markdown easily.

    Project mention: Nice repos/tools/posts - 1st April - #1 | dev.to | 2021-04-01

    Link : https://github.com/hiroppy/fusuma

  • GitHub repo remark

    Markdown processor powered by plugins part of the @unifiedjs collective (by remarkjs)

    Project mention: markdown : importing files + toc generation | reddit.com/r/npm | 2021-05-04
  • GitHub repo emoji-cheat-sheet

    A markdown version emoji cheat sheet

    Project mention: Converting my OTF font into multiple web fonts with this bash script | dev.to | 2021-04-21
  • GitHub repo cms.js

    Client-Side JavaScript Site Generator

    Project mention: Offbase: Static site generator in a browser, with no server | news.ycombinator.com | 2021-01-25

    I tried to do something similar with a fully client-side static site generator called [CMS.js](https://github.com/chrisdiana/cms.js) a few years back. Would have liked to get to the point where the content editor was fully client-side too. I personally like the concept though as I can align with many of the points presented on this site.

  • GitHub repo Raneto

    Markdown powered Knowledgebase for Nodejs

  • GitHub repo markdown-preview.nvim

    markdown preview plugin for (neo)vim

    Project mention: GhostWriter is a distraction free Markdown editor | news.ycombinator.com | 2021-02-24

    Vim displays plaintext, so you cannot use it to preview markdown as HTML. However, you can use a plugin such as "markdown-preview" [0] to preview markdown in your browser.

    0: https://github.com/iamcco/markdown-preview.nvim

  • GitHub repo texme

    Self-rendering Markdown + LaTeX documents

    Project mention: TeXMe 1.0.0 Released. Now supports tables, task lists, strikethrough, autolinks, etc. via GFM | reddit.com/r/susam | 2021-04-25
  • GitHub repo snarkdown

    :smirk_cat: A snarky 1kb Markdown parser written in JavaScript

    Project mention: How I reduced Raveberry's transferred frontend code by 90% | reddit.com/r/Raveberry | 2021-04-03

    Analyzing these dependencies, I found that some of them could be reduced or replaced. For example, jquery-ui is used for autocompletion and reordering. All additional widgets provided by jquery-ui (e.g. sliders, datepickers) are dead weight and can be excluded from the final bundle. Another example is marked, which was used to render the changelog. However, the changelog has a very simple structure and does not require a ~300KB library to be parsed. So instead, I use snarkdown, a lightweight alternative which is fully sufficient for this application.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2021-05-12.

Index

What are some of the best open-source Markdown projects in JavaScript? This list will help you:

Project Stars
1 prettier 39,562
2 marked 24,934
3 marktext 18,607
4 stackedit 17,982
5 docsify 17,456
6 TOAST UI Editor 12,896
7 showdown 11,669
8 markdown-it 11,434
9 mdx 10,933
10 mdx-deck 10,137
11 stylelint 8,693
12 Metalsmith 7,640
13 HackMD 7,053
14 react-markdown 6,971
15 remarkable 5,077
16 fusuma 4,858
17 remark 4,016
18 emoji-cheat-sheet 3,883
19 cms.js 3,009
20 Raneto 2,375
21 markdown-preview.nvim 2,249
22 texme 1,727
23 snarkdown 1,653