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

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • 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.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • 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

    markdown processor powered by plugins part of the @unifiedjs collective (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.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • 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

  • Remark plug-in, wrapping a span around a string

    1 project | /r/nextjs | 15 Jun 2023
  • Mdast: Markdown Abstract Syntax Tree

    1 project | news.ycombinator.com | 28 Apr 2022
  • Modifying rehype autolink headings

    1 project | dev.to | 6 Mar 2022
  • Is html compiled?

    2 projects | /r/html5 | 8 Mar 2021
  • How to create a custom lint rule for Markdown and MDX using remark and ESLint

    14 projects | dev.to | 7 Apr 2021