Top 17 Rehype Open-Source Projects

• rehype

  17 1,624 6.6 JavaScript

  HTML processor powered by plugins part of the @unifiedjs collective

  

Project mention: I built an Markdown editor using Next.js and TailwindCss 🔥 | dev.to | 2023-11-14

Add Remark and Rehype plugins

• rehype-react

  3 377 6.2 JavaScript

  plugin to transform to preact, react, vue, etc

  

Project mention: how to retain position of markdown element in remark.js | dev.to | 2023-09-04

I usually combine remark-parse, remark-rehype and rehype-react to transform markdown into react components. The configuration of the processor is like:

• SurveyJS

  surveyjs.io featured

  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.

  

• remark-rehype

  4 236 6.5 JavaScript

  plugin that turns markdown into HTML to support rehype

  

Project mention: how to retain position of markdown element in remark.js | dev.to | 2023-09-04

I usually combine remark-parse, remark-rehype and rehype-react to transform markdown into react components. The configuration of the processor is like:

• rehype-highlight

  1 234 6.3 JavaScript

  plugin to highlight code blocks

  

• rehype-autolink-headings

  4 188 6.6 JavaScript

  plugin to add links to headings in HTML

  

Project mention: Building an Autolink Heading Component for React Navigation | dev.to | 2023-11-14

This is how I created the first version of the Autolink Heading component to replicate the behavior of rehype-autolink-headings for React headings. It's a simple design that get's the job done. However, I'm sure it has a lot of room for improvement.

• rehype-slug

  3 179 5.9 JavaScript

  plugin to add `id` attributes to headings

  

Project mention: Building an Autolink Heading Component for React Navigation | dev.to | 2023-11-14

I'm using the algorithm from github-slugger to create the header link and ID. It's the same one used by GitHub for their section headings and also by rehype-slug, the project I used as inspiration for this one.

• rehype-sanitize

  1 129 5.9 JavaScript

  plugin to sanitize HTML

  

• InfluxDB

  www.influxdata.com featured

  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.

  

• rehype-raw

  1 119 5.9 JavaScript

  plugin to parse the tree again

  

• append-editor

  4 78 0.0 JavaScript

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

• rehype-external-links

  1 74 6.3 JavaScript

  rehype plugin to add rel (and target) to external links

  

• rehype-toc

  1 62 0.0 JavaScript

  A rehype plugin that adds a table of contents (TOC) to the page

  

• remark-a11y-emoji

  1 59 6.5 JavaScript

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

• rehype-document

  1 31 6.6 JavaScript

  plugin to wrap a fragment in a document

  

• rehype-attr

  1 31 6.9 TypeScript

  New syntax to add attributes to Markdown.

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.

• rehype-format

  1 28 5.8 JavaScript

  plugin to format HTML

  

• rehype-img-size

  1 18 0.0 JavaScript

  rehype plugin to set local image size properties to img tag.

• rehype-starry-night

  1 11 5.0 JavaScript

  Rehype plugin to highlight code with Starry Night

  

Project mention: Better code highlighting on the web: rehype-tree-sitter | news.ycombinator.com | 2023-07-24

Shameless plug for the Rehype plugin [1] I wrote based on Starry Night [2]. If you're interested in syntax highlighting like GitHub or customize it with CSS properties (for example, to support multiple themes), this is one solution.

[1] https://github.com/Microflash/rehype-starry-night

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

Rehype related posts

• Building an Autolink Heading Component for React Navigation

  3 projects | dev.to | 14 Nov 2023

• how to retain position of markdown element in remark.js

  3 projects | dev.to | 4 Sep 2023

• Example of Powerful Markdown Editor combining Svelte-Exmarkdown and Skeleton

  2 projects | /r/sveltejs | 7 Apr 2023

• HTML to React service

  2 projects | /r/webdev | 6 Feb 2023

• MDX autolink headings

  5 projects | dev.to | 4 Jan 2023

• MDX Code Highlighting and Styling with Tailwind

  4 projects | dev.to | 14 Nov 2022

• Building The Gatsby Changelog Prototype

  3 projects | dev.to | 6 Dec 2021
• A note from our sponsor - SurveyJS
  surveyjs.io | 6 May 2024

  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. Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com