Converting and customizing Markdown files to HTML with Unified, remark & rehype

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Zigi - Delete the most useless function ever: context switching.
  • Scout APM - Truly a developer’s best friend
  • Sonar - Write Clean JavaScript Code. Always.
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • unified

    ☔️ interface for parsing, inspecting, transforming, and serializing content through syntax trees

    Unified is a framework to process Markdown. It's a plugin-based tool that allows you to inspect and modify the way Markdown is converted to other formats like HTML.

  • PrismJS

    Lightweight, robust, elegant syntax highlighting.

    PrismJS and Highlight.js are two JavaScript libraries to highlight code keywords for multiple programming languages.

  • Zigi

    Delete the most useless function ever: context switching.. Zigi monitors Jira and GitHub updates, pings you when PRs need approval and lets you take fast actions - all directly from Slack! Plus it reduces cycle time by up to 75%.

  • Jekyll

    :globe_with_meridians: Jekyll is a blog-aware static site generator in Ruby

    Many tools exist to build blogs from Markdown. Jekyll is a popular choice to build static websites out of Markdown.

  • 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)

    remark: "remark is a 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."

  • Highlight.js

    JavaScript syntax highlighter with language auto-detection and zero dependencies.

    PrismJS and Highlight.js are two JavaScript libraries to highlight code keywords for multiple programming languages.

  • rehype

    HTML processor powered by plugins part of the @unifiedjs collective

    rehype: "rehype is a tool that transforms HTML with plugins. These plugins can inspect and change the HTML. You can use rehype on the server, the client, CLIs, deno, etc."

  • remark-rehype

    plugin that turns markdown into HTML to support rehype

    remark-rehype: remark plugin that turns markdown into HTML to support rehype.

  • Scout APM

    Truly a developer’s best friend. Scout APM is great for developers who want to find and fix performance issues in their applications. With Scout, we'll take care of the bugs so you can focus on building great things 🚀.

  • rehype-document

    plugin to wrap a fragment in a document

    rehype-document: rehype plugin to wrap a fragment in a document.

  • rehype-format

    plugin to format HTML

    rehype-format: rehype plugin to format (pretty-print) an HTML document.

  • unist

    Universal Syntax Tree used by @unifiedjs

    remark parses and process the Markdown text, and converts it into an abstract syntax tree (AST). This tree is composed of unist nodes, which follow the Markdown Abstract Syntax Tree (mdast) structure.

  • mdast

    Markdown Abstract Syntax Tree format

    remark parses and process the Markdown text, and converts it into an abstract syntax tree (AST). This tree is composed of unist nodes, which follow the Markdown Abstract Syntax Tree (mdast) structure.

  • hast

    Hypertext Abstract Syntax Tree format

    remark-rehype translates the mdast structure into a Hypertext Abstract Syntax Tree (hast) structure, also composed of unist nodes.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts