{"plugin":{"id":8,"name":"markdown-to-jsx","icon":"📦","description":"transform your markdown file into JSX imported module","longDescription":"# frame-master-plugin-markdown-to-jsx\n\nA **Frame-Master** plugin that transforms Markdown files into React/JSX components on import. Uses [markdown-to-jsx](https://github.com/quantizor/markdown-to-jsx) for converting markdown to React elements with **build-time syntax highlighting**.\n\n## Features\n\n- 📝 **Import Markdown as React Components**: Directly import `.md` files as React components.\n- ⚛️ **React Native**: Full React component output with proper JSX.\n- 🎨 **Syntax Highlighting**: GitHub-style code highlighting at build time using [@wooorm/starry-night](https://github.com/wooorm/starry-night).\n","version":"0.1.0","compatibleVersions":"^2.0.0","author":"Justin Halle","ownerId":"c166cdde-5f5c-40e5-a3ff-236652fa88a9","category":"build","tags":["markdown"],"published":true,"npmPackage":"frame-master-plugin-markdown-to-jsx","githubUrl":"https://github.com/shpaw415/frame-master-plugin-markdown-to-jsx","docsUrl":"","installation":"bun add frame-master-plugin-markdown-to-jsx","quickStart":"// add to your .frame-master/frame-master-custom-type.d.ts\ndeclare module \"*.md\" {\n  const MarkdownComponent: React.ComponentType<{\n    options?: Record<string, unknown>;\n    [key: string]: unknown;\n  }>;\n  export default MarkdownComponent;\n  export const markdown: string;\n  export const frontmatter: Record<string, unknown>;\n}\n\n// index.tsx\nimport Article from \"articles/my-article.md\";\n\nfunction ShowArticle() {\n  return (\n  <section>\n    <Article options={{ /* optional options */ }} />\n  </section>);\n}\n\n","configuration":"import type { FrameMasterConfig } from \"frame-master/server/types\";\nimport markdownToJSX from \"frame-master-plugin-markdown-to-jsx\";\n\nexport default {\n  HTTPServer: {\n    port: 3000,\n  },\n  plugins: [\n    markdownToJSX({\n      frontmatter: true,\n    }),\n  ],\n} satisfies FrameMasterConfig;\n","upvote":0,"downvote":0,"createdAt":"2025-12-02T20:54:06.000Z","updatedAt":"2025-12-11T20:35:28.000Z","dependencies":[]}}