MDX

MDX bridges the gap between static prose and dynamic interfaces by letting you write JSX directly inside Markdown files.

MDX transforms standard Markdown into a high-performance authoring format for React, Vue, and Svelte. It allows you to import and use interactive components (like Recharts visualizations or Framer Motion animations) directly inside .mdx files. The compiler integrates with build tools like Vite and Next.js to deliver fast, component-driven pages. Major platforms like Tailwind CSS and Vercel use it to build documentation that feels like an application: it provides the simplicity of Markdown with the full power of JSX.

https://mdxjs.com/