Playground
Edit markdown on the left and see the live preview on the right.
editEditorReact
play_arrowReact Preview
Welcome to NoirMD
A framework-agnostic markdown renderer with custom directives.
Features
- Custom directives (
:::note,:::card, etc.) - Tailwind CSS styling
- Syntax highlighting
- Live preview
Try editing this markdown to see the preview update!
Getting Started
Install the package and start rendering markdown in any framework.
const markdown = '# Hello **World**';
const html = renderMarkdown(markdown);