Top 15 remark-plugin Open-Source Projects
-
twoslash
You take some Shiki, add a hint of TypeScript compiler, and 🎉 incredible static code samples
-
-
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.
-
remark-gfm
remark plugin to support GFM (autolink literals, footnotes, strikethrough, tables, tasklists)
-
remark-react
Legacy plugin to transform to React — please use `remark-rehype` and `rehype-react` instead
-
-
-
-
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.
-
-
remark-highlight.js
Legacy plugin to highlight code blocks with highlight.js — please use `rehype-highlight` instead
-
remark-a11y-emoji
Remark Plugin to make Emoji in Markdown accessible. Wraps Emoji in a <span>-Tag with role and aria-label attributes.
-
rehype-cloudinary-docusaurus
Cloudinary offers an image CDN which can improve performance of your site. This plugin allows Docusaurus to use Cloudinary to serve optimised images.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
github.com/remarkjs/remark-react/tree/4722bdf - Plugin para transformar Markdown em React.
You may also notice I have some embeds on my articles even though Markdown natively does not support embedding content. This is done by using a Remark plugin. Remark is a tool that can be used to parse and transform Markdown. In this case, I used a plugin called remark-embedder to add custom logic to replace links from specific websites (in this case, Youtube and CodeSandbox) with s containing the actual page; without the plugin, those would simply be text links and would make for a much less pleasing lecture, wouldn't you agree ?
You can obviously do more with remark than just that, so take a look at the plugins they offer. But how do you use with Astro? You simply add the plugins in yourastro.config.mjsfile (documentation on how to do that is here).This post was a bit chaotic, but I hope I was able to share a bit of what I did on my blog section (where you are hopefully reading this right now).
Project mention: How do I add the data-sveltekit-reload attribute to mdsvex markdown files? | /r/sveltejs | 2023-05-21I've tried the rehype-att and remark-attr, but don't seem to add data-sveltekit-reload correctly.
remark-plugin related posts
Index
What are some of the best open-source remark-plugin projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | twoslash | 1,006 |
| 2 | remark-lint | 917 |
| 3 | remark-gfm | 616 |
| 4 | remark-react | 524 |
| 5 | remark-toc | 381 |
| 6 | remark-html | 302 |
| 7 | remark-directive | 223 |
| 8 | core | 111 |
| 9 | remark-admonitions | 108 |
| 10 | remark-wiki-link | 85 |
| 11 | remark-highlight.js | 69 |
| 12 | remark-a11y-emoji | 59 |
| 13 | remark-attr | 55 |
| 14 | remark-parse-frontmatter | 9 |
| 15 | rehype-cloudinary-docusaurus | 2 |
Sponsored