Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mdx-js/mdx
Markdown for the component era
https://github.com/mdx-js/mdx
jsx markdown mdx react remark unified vue
Last synced: about 2 hours ago
JSON representation
Markdown for the component era
- Host: GitHub
- URL: https://github.com/mdx-js/mdx
- Owner: mdx-js
- License: mit
- Created: 2017-12-24T00:01:48.000Z (about 7 years ago)
- Default Branch: main
- Last Pushed: 2025-01-02T14:40:25.000Z (11 days ago)
- Last Synced: 2025-01-09T05:24:59.133Z (4 days ago)
- Topics: jsx, markdown, mdx, react, remark, unified, vue
- Language: JavaScript
- Homepage: https://mdxjs.com
- Size: 42.1 MB
- Stars: 17,938
- Watchers: 88
- Forks: 1,138
- Open Issues: 8
-
Metadata Files:
- Readme: readme.md
- Changelog: changelog.md
- License: license
Awesome Lists containing this project
- awesome - mdx-js/mdx - Markdown for the component era (JavaScript)
- awesome - mdx-js/mdx - Markdown for the component era (JavaScript)
- awesome - mdx - JSX in Markdown for ambitious projects (JavaScript)
- awesome-web-editor - mdx - MDX is an authorable format that lets you seamlessly use JSX in your markdown documents. You can import components, like interactive charts or notifications, and export metadata. This makes writing long-form content with components a blast. (Markdown editor)
- awesome-repositories - mdx-js/mdx - Markdown for the component era (JavaScript)
- awesome-github-star - mdx - js | 15817 | (JavaScript)
- awesome-list - mdx - js | 11274 | (JavaScript)
- awesome-remark - mdx - Markdown combined with JSX. (Built on remark)
- awesome-f2e-libs - **mdx** - jsx + markdown。 (文档 / redux 扩展)
- awesome-fe - **mdx** - jsx + markdown。 (文档 / macros)
- StarryDivineSky - mdx-js/mdx
- stars - mdx - js | 17948 | (JavaScript)
- stars - mdx - js | 17876 | (JavaScript)
README
# Markdown for the component era
[![Build][build-badge]][build]
[![Coverage][coverage-badge]][coverage]
[![Sponsors][sponsors-badge]][collective]
[![Backers][backers-badge]][collective]
[![Chat][chat-badge]][chat]
[MDX][website] is an authorable format that lets you seamlessly write JSX in
your markdown documents.
You can import components, such as interactive charts or alerts, and embed them
within your content.
This makes writing long-form content with components a blast.
🚀
```mdx
import {Chart} from './snowfall.js'
export const year = 2013
# Last year’s snowfall
In {year}, the snowfall was above average.
It was followed by a warm spring which caused
flood conditions in many of the nearby rivers.
```
See [§ What is MDX](https://mdxjs.com/docs/what-is-mdx/) for more info on the
format.
See [§ Playground](https://mdxjs.com/playground/) to try it out.
## What is this?
This GitHub repository contains several packages for compiling the MDX format to
JavaScript, integrating with bundlers such as webpack and Rollup, and for using
it with frameworks such as React, Preact, and Vue.
See [§ Getting started](https://mdxjs.com/getting-started/) for how to
integrate MDX into your project.
## Security
See [§ Security][security] on our site for information.
## Contribute
See [§ Contribute][contribute] on our site for ways to get started.
See [§ Support][support] for ways to get help.
This project has a [code of conduct][coc].
By interacting with this repository, organization, or community you agree to
abide by its terms.
## Sponsor
See [§ Sponsor][sponsor] on our site for how to help financially.
## License
[MIT][] © Compositor and [Vercel][]
[build-badge]: https://github.com/mdx-js/mdx/workflows/main/badge.svg
[build]: https://github.com/mdx-js/mdx/actions
[coverage-badge]: https://img.shields.io/codecov/c/github/mdx-js/mdx/main.svg
[coverage]: https://codecov.io/github/mdx-js/mdx
[sponsors-badge]: https://opencollective.com/unified/sponsors/badge.svg
[backers-badge]: https://opencollective.com/unified/backers/badge.svg
[collective]: https://opencollective.com/unified
[chat-badge]: https://img.shields.io/badge/chat-discussions-success.svg
[chat]: https://github.com/mdx-js/mdx/discussions
[security]: https://mdxjs.com/getting-started/#security
[contribute]: https://mdxjs.com/community/contribute/
[support]: https://mdxjs.com/community/support/
[sponsor]: https://mdxjs.com/community/sponsor/
[coc]: https://github.com/mdx-js/.github/blob/main/code-of-conduct.md
[website]: https://mdxjs.com
[mit]: license
[vercel]: https://vercel.com
