mdxcn
Free & open-source, ready-to-use, customizable Markdown-friendly components for React.
Copy the source into your app. Built for MDX, works seamlessly with shadcn/ui.
Get Started · Installation · Components
Features
- ⚡ Text-powered figures — Charts and diagrams drawn with glyphs, not SVG or canvas
- 🎯 Markdown-first — Write lists, tables, and emphasis inside component tags
- 👀 Live previews — Render every component directly in the documentation
- 🎨 Fully customizable — Control corners, glyphs, palettes, and accents
- 📦 shadcn/ui compatible — Copy the source with the same registry format and CLI workflow
- 🧩 Composable — Use MDX, Comark blocks, or Knap filters with official fenced ASCII for READMEs and PRs
- 🔤 Type-safe — React components with TypeScript props
Community
The mdxcn community lives on GitHub, where you can ask questions, share ideas, and show what you've built.
Contributing
Contributions are welcome. See CONTRIBUTING.md to get the repo running locally and land a change, and use issues and discussions to collaborate. By participating, you agree to the Code of Conduct.
Security
Please do not open public issues for security vulnerabilities. Follow SECURITY.md and report them privately through GitHub Security Advisories.
License
Contributors
Made with contrib.rocks