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 →
Top 23 Remark Open-Source Projects
-
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.
-
twoslash
You take some Shiki, add a hint of TypeScript compiler, and 🎉 incredible static code samples
-
remark-gfm
remark plugin to support GFM (autolink literals, footnotes, strikethrough, tables, tasklists)
-
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-react
Legacy plugin to transform to React — please use `remark-rehype` and `rehype-react` instead
-
myPortfolio
This is a portfolio application built by using Next.js, ChakraUi, Typescript and Dev.to api.
-
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
-
remark-a11y-emoji
Remark Plugin to make Emoji in Markdown accessible. Wraps Emoji in a <span>-Tag with role and aria-label attributes.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Semantify was made for content creators, marketers, and anyone looking to enhance their long-form written content. Currently only supporting MDX-based content, It automates the enrichment of MDX blog posts by adding AI-generated Q&A sections that summarize the content, and recommendations for semantically similar posts. This not only makes the content more accessible and engaging but also helps in establishing deeper connections between different posts, ultimately keeping the reader engaged for longer periods.
This error related to the ReactMarkdown component and the useDisclosure hook in the @chakra-ui/react.
Project mention: Which software do you use to create presentations using Vim that is superior to existing ones? | /r/neovim | 2023-12-11I also didn't try this tool but it's called RemarkJS which is named too similar to revealjs.
github.com/remarkjs/remark-react/tree/4722bdf - Plugin para transformar Markdown em React.
I usually combine remark-parse, remark-rehype and rehype-react to transform markdown into react components. The configuration of the processor is like:
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.mjs
file (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).
Remark related posts
-
Introducing Content Collections
-
Construindo um Painel de Blog Dinâmico com Next.js
-
how to retain position of markdown element in remark.js
-
Create an Interactive Table of Contents for a Next.js Blog with Remark
-
Gatsby 5 + MDX2: support for tables?
-
How to support admonition (or callout) in Markdown
-
NextJS 13 Blog Starter
-
A note from our sponsor - SurveyJS
surveyjs.io | 2 May 2024
Index
What are some of the best open-source Remark projects? This list will help you:
Project | Stars | |
---|---|---|
1 | mdx | 16,838 |
2 | react-markdown | 12,245 |
3 | remark | 7,211 |
4 | twoslash | 1,004 |
5 | remark-lint | 915 |
6 | remark-gfm | 611 |
7 | react-code-blocks | 576 |
8 | remark-react | 524 |
9 | remark-toc | 381 |
10 | remark-html | 302 |
11 | gatsby-remark-embedder | 295 |
12 | remark-rehype | 236 |
13 | myPortfolio | 223 |
14 | remark-directive | 222 |
15 | svelte-exmarkdown | 155 |
16 | slackify-markdown | 118 |
17 | core | 109 |
18 | remark-admonitions | 107 |
19 | nextjs-prism-markdown | 99 |
20 | remark-wiki-link | 85 |
21 | append-editor | 78 |
22 | remark-highlight.js | 69 |
23 | remark-a11y-emoji | 59 |
Sponsored