JavaScript Remark

Open-source JavaScript projects categorized as Remark
Edit details
Topics: #Markdown #remark-plugin #Unified #Mdx #React
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com
Sponsored

Top 22 JavaScript Remark Projects

  • mdx

    Markdown for the component era

    Project mention: Build a blog app with new Next.js 13 app folder and Contentlayer | dev.to | 2023-04-05

    MDX

  • react-markdown

    Markdown component for React

    Project mention: Adding Markdown to Framer | dev.to | 2023-04-24

    We're using the react-markdown plugin to render markdown-to-html. We expose props with the addPropertyControls method from Framer. You can style the different generated HTML tags with a renderers function.

  • Klotho

    AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)

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

    Project mention: Create an Interactive Table of Contents for a Next.js Blog with Remark | dev.to | 2023-04-21

    Although we are building a custom table of contents, we won't have to write everything from scratch. To separate the Markdown/MDX content from the front matter, we'll use the Gray-matter package. It is optional in case you don't have front matter in your Markdown files. To process the Markdown itself, we'll use the Remark package. We'll also need the unist-util-visit package for traversing node trees and mdast-util-to-string for getting the text content of a node.

  • remark-lint

    plugins to check (lint) markdown code style

  • remark-react

    Legacy plugin to transform to React — please use `remark-rehype` and `rehype-react` instead

  • remark-gfm

    remark plugin to support GFM (autolink literals, footnotes, strikethrough, tables, tasklists)

    Project mention: Gatsby 5 + MDX2: support for tables? | /r/gatsbyjs | 2023-01-09

    It seems that in the MDX2 (which is default in G5) direct support for some advanced formatting like tables was removed. Now it's done by remark-gfm [ https://github.com/remarkjs/remark-gfm ].

  • gatsby-remark-embedder

    Gatsby Remark plugin to embed well known services by their URL.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • remark-toc

    plugin to generate a table of contents (TOC)

    Project mention: Create an Interactive Table of Contents for a Next.js Blog with Remark | dev.to | 2023-04-21

    While some Remark plugins like Remark-toc provide this functionality, the generated table of contents is placed within the content itself, limiting its potential uses. For instance, on my blog, the table of contents is rendered outside the blog content, making it visible during post navigation. This is the type of table of contents we will build in this tutorial.

  • remark-html

    plugin to add support for serializing HTML

    Project mention: NextJS 13 Blog Starter | dev.to | 2022-11-14

    remark is a powerful and versatile library that will allow us to start working with our markdown .md blog posts. remark-html is a plugin for remark that allows us to serialize our markdown into HTML.

  • remark-rehype

    plugin that turns markdown into HTML to support rehype

    Project mention: Converting and customizing Markdown files to HTML with Unified, remark & rehype | dev.to | 2022-09-11

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

  • remark-directive

    remark plugin to support directives

    Project mention: How to support admonition (or callout) in Markdown | dev.to | 2022-11-29

    Fortunately, we don't have to write any code as there is remark-directive that does exactly what we need.

  • slackify-markdown

    Convert markdown into Slack-specific markdown

  • remark-admonitions

    Add admonitions support to Remarkable

    Project mention: Brick by brick: why Docusaurus is a powerful documentation framework | dev.to | 2022-07-06

    MDX also supports Remark and Rehype plugins, allowing you to augment the syntax and replace content on the fly. What can we do with this? Docusaurus demonstrates this well by creating its own plugins for admonitions, table of contents generation, and creating heading links.

  • nextjs-prism-markdown

    Example using Prism / Markdown with Next.js including switching syntax highlighting themes.

  • append-editor

    Append to your notes @StandardNotes with GitHub Flavored Markdown via CodeMirror, Rich Markdown, and Monaco | https://appendeditor.com

  • remark-highlight.js

    Legacy plugin to highlight code blocks with highlight.js — please use `rehype-highlight` instead

  • vscode-remark

    Lint and format markdown code with remark

  • remark-attr

    Remark plugin to add support for custom attributes

    Project mention: How do I add the data-sveltekit-reload attribute to mdsvex markdown files? | /r/sveltejs | 2023-05-21

    I've tried the rehype-att and remark-attr, but don't seem to add data-sveltekit-reload correctly.

  • remark-a11y-emoji

    Remark Plugin to make Emoji in Markdown accessible. Wraps Emoji in a <span>-Tag with role and aria-label attributes.

  • remark-mdx-images

    A remark plugin for changing image sources to JavaScript imports using MDX

    Project mention: Give your blog superpowers with MDX in a Next.js | dev.to | 2022-09-23

    You might also want to embed images in your MDX. Proprietary solutions like Cloudinary are great services, but can get a bit pricey too. Something you might want to look at is image bundling with remark-mdx-images, which you can use with mdx-bundler.

  • next-mdx-prism-example

    A Next.js project with MDX and Prism code highlighting

  • InfluxDB

    Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.

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 2023-05-21.

JavaScript Remark related posts

Index

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

Project Stars
1 mdx 15,258
2 react-markdown 10,541
3 remark 6,364
4 remark-lint 869
5 remark-react 523
6 remark-gfm 404
7 gatsby-remark-embedder 289
8 remark-toc 289
9 remark-html 270
10 remark-rehype 176
11 remark-directive 142
12 slackify-markdown 101
13 remark-admonitions 99
14 nextjs-prism-markdown 88
15 append-editor 71
16 remark-highlight.js 65
17 remark-wiki-link 62
18 vscode-remark 48
19 remark-attr 47
20 remark-a11y-emoji 45
21 remark-mdx-images 19
22 next-mdx-prism-example 1

Sponsored
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com