Overview

Markdown is a React component that renders markdown content easily. It supports code typography, code highlighting, table rendering, and more. This component is useful for rendering Terms of Service, Privacy Policy, Blog, or any other markdown content.

How to Use

Here is an example of how to import and use the component:

Awesome Markdown Renderer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

āœ… Supports beautiful code highlighting šŸ§‘ā€šŸ’»

App.tsx

export default function App() { return <div>Hello, world!</div> }

āœ… Supports math rendering with LaTeX šŸ¤“

āˆ«āˆ’āˆžāˆžeāˆ’x2dx=Ļ€\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi} āˆ‡Ć—B=Ī¼0(J+Ļµ0āˆ‚Eāˆ‚t)\nabla \times \mathbf{B} = \mu_0 \left( \mathbf{J} + \epsilon_0 \frac{\partial \mathbf{E}}{\partial t} \right)

āœ… Supports table rendering too šŸ˜±

FeatureDescription
Cell ACell B
Cell CCell D
Cell ECell F

And, many more with NextReady šŸ˜Ž