Top 9 JavaScript Commonmark Projects
-
If you want to work with html files, you can always add a CDN link to something like Marked: https://marked.js.org/ You can enter the text of your post in markdown but it will be rendered as html.
-
markdown-it
Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed
This post will compare two popular packages that work with markdown-it for syntax highlighting in JavaScript, highlight.js, and shiki.
-
Scout APM
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
-
Project mention: How I built my portfolio using NextJS, Typescript, and Chakra UI | dev.to | 2021-10-24
react-markdown: Markdown component for React using remark.
-
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: BREAKING!! NPM package ‘ua-parser-js’ with more than 7M weekly download is compromised | reddit.com/r/programming | 2021-10-22Since then they've made things that are IMO quite useful, like enquirer, micromatch, and remarkable.
-
remark
remark is a popular tool that transforms markdown with plugins. These plugins can inspect and change your markup. You can use remark on the server, the client, CLIs, deno, etc. (by remarkjs)
In Astro, markdown files are treated as plain text, and converted to HTML using remark with syntax highlighting done using Prism pre-enabled. In order to use the BlogPostLayout.astro in my markdown files, I had to add the layout property to the frontmatter in the markdown file. One example file looks like this:
-
Markdown Lint
-
Project mention: Show HN: Notes.cx – A simple, anonymous online notepad \w Markdown support | news.ycombinator.com | 2021-07-29
-
-
micromark
the smallest commonmark (optionally gfm) compliant markdown parser that exists; new basis for @unifiedjs (hundreds of projects w/ billions of downloads for dealing w/ content)
React markdown vs remark react-markdown is a library that provides the React component to render the Markdown markup while remark is a markdown preprocessor built on micromark. It inspects, parses and transforms markdowns.
-
Project mention: Mathematics Chalkboard with LaTeX and Markdown Support | reddit.com/r/webdev | 2021-08-06
JavaScript Commonmark related posts
- Tale of the Tape: Highlight.js vs Shiki
- Lab #6: Experience a mature SSG project
- Lab 6 - Adding Docusaurus features
- Open Source: Copy a Cool Feature from Docusaurus
- OSD600 - Adding new feature from Docusaurus
- Prototype: Markdown and static assets support for SSG 🛠
- Adding Markdown Support to a Static Site Generator
Index
What are some of the best open-source Commonmark projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | marked | 26,371 |
| 2 | markdown-it | 12,465 |
| 3 | react-markdown | 7,940 |
| 4 | remarkable | 5,234 |
| 5 | remark | 4,656 |
| 6 | markdownlint | 2,789 |
| 7 | texme | 1,958 |
| 8 | micromark | 1,088 |
| 9 | muboard | 490 |
Are you hiring? Post a new remote job listing for free.
