Top 9 TypeScript Remark Projects

twoslash

5 1,004 5.1 TypeScript

You take some Shiki, add a hint of TypeScript compiler, and 🎉 incredible static code samples
react-code-blocks

1 574 7.8 TypeScript

React code blocks and code snippet components
SurveyJS

surveyjs.io sponsored

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.
myPortfolio

6 222 5.5 TypeScript

This is a portfolio application built by using Next.js, ChakraUi, Typescript and Dev.to api.
svelte-exmarkdown

3 155 9.0 TypeScript

Svelte component to render markdown.
core

1 109 3.9 TypeScript

🔗 Remark plugin to convert URLs to embed code in markdown. (by remark-embedder)

Project mention: Building an Astro Blog with View Transitions | dev.to | 2023-08-24

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 your astro.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-wiki-link

1 84 4.9 TypeScript

Parse and render wiki links.
remark-lint-frontmatter-schema

2 47 4.9 TypeScript

Validate your Markdown frontmatter data against a JSON schema — remark-lint rule plugin
WorkOS

workos.com sponsored

The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
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.

remark-parse-frontmatter

1 9 0.0 TypeScript

🎓 Parses and validates Markdown frontmatter (YAML) to data object.

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

TypeScript Remark related posts

Syntax Highlighting on the Web
1 project | news.ycombinator.com | 2 Jun 2022
Type Safe GroupBy In TypeScript
4 projects | /r/typescript | 31 May 2022
Add VSCode-like hovering type annotations to Markdown code samples powered by TypeScript compiler
1 project | /r/coolgithubprojects | 16 Jul 2021
Typescript hints in your code samples
3 projects | dev.to | 7 Jul 2021

Index

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

	Project	Stars
1	twoslash	1,004
2	react-code-blocks	574
3	myPortfolio	222
4	svelte-exmarkdown	155
5	core	109
6	remark-wiki-link	84
7	remark-lint-frontmatter-schema	47
8	rehype-attr	31
9	remark-parse-frontmatter	9