The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 23 JavaScript Mdx Projects
-
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
-
mdx-bundler
🦤 Give me MDX/TSX strings and I'll give you back a component you can render. Supports imports!
-
mdx-editor
⛷ A versatile WeChat typesetting editor，also a cross-platform Markdown note-taking software ⛷ 微信排版编辑器，也是一款跨平台 Markdown 笔记软件
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
xdm
Just a *really* good MDX compiler. No runtime. With esbuild, Rollup, and webpack plugins (by wooorm)
-
-
gatsby-starter-portfolio-minimal
A Gatsby Starter to create a clean one-page portfolio with Markdown content.
-
gatsby-medium-blog
📝 Gatsby.js starter blog template using a Medium theme; with features like Algolia Search, post claps, Prism highlighting, contact form, dark mode, +more.
-
website
Personal website made with Next.js and Tailwind. The website uses the new Next.js router and includes a Spotify and GitHub integration, a blog made with MDX, and is fully SEO friendly. (by mateonunez)
-
-
-
-
gh-deploy
Instantly remove, view and manage deployment environments on GitHub. Built with React, MDX & GitHub API.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
Semantify was made for content creators, marketers, and anyone looking to enhance their long-form written content. Currently only supporting MDX-based content, It automates the enrichment of MDX blog posts by adding AI-generated Q&A sections that summarize the content, and recommendations for semantically similar posts. This not only makes the content more accessible and engaging but also helps in establishing deeper connections between different posts, ultimately keeping the reader engaged for longer periods.
Personally using https://github.com/kentcdodds/mdx-bundler
If you're interested in this editor, you can download the desktop version from Github to try it out. If you're curious about the implementation process, you can also directly view the source code. If you have any suggestions, feel free to raise issues on the repository.
Using gatsby-digital-garden. It renders bold, emphasis, lists, etc. fine. But when my source contains a blockquote, it doesn't render:
Project mention: Next.js Weekly #9: Naming Conventions, RSC + Context API, Local Vercel Postgres, React Concurrency [Details in comments 👇] | /r/reactjs | 2023-05-25mateonunez.dev
There's a lot more than basic templating going on in NakedJSX, for example consider the support for scoped and deduplicated CSS. I invite you to take a quick look at the full documentation to see what other things it can do. Being able to export / import JSX is nice, and support for JSX context and refs adds a lot of utility to static HTML generation as well. Beyond static site generation, client JavaScript can also use JSX to create DOM nodes.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
JavaScript Mdx related posts
- MDX – use JSX in your Markdown content
- Introducing Content Collections
- Creating a static Next.js 14 Markdown Blog - An Adventure
- Blockquotes in markdown not rendering in gatsby
- Building Stunning Docs: Diving Deep into Docusaurus Customization
- Show HN: Create email templates with Markdown and JSX
- WYSIWYG for MDX?! Introducing Vrite's Hybrid Editor
-
A note from our sponsor - WorkOS
workos.com | 27 Apr 2024
Index
What are some of the best open-source Mdx projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | mdx | 16,811 |
| 2 | mdx-deck | 11,271 |
| 3 | fusuma | 5,369 |
| 4 | blocks | 4,891 |
| 5 | medium-to-own-blog | 3,033 |
| 6 | mdx-bundler | 1,695 |
| 7 | mdx-editor | 835 |
| 8 | gatsby-digital-garden | 655 |
| 9 | xdm | 589 |
| 10 | mdx-analyzer | 293 |
| 11 | gatsby-plugin-react-native-web | 277 |
| 12 | gatsby-starter-portfolio-minimal | 199 |
| 13 | gatsby-blog-mdx | 71 |
| 14 | gatsby-medium-blog | 69 |
| 15 | website | 59 |
| 16 | zoetic | 56 |
| 17 | nakedjsx | 34 |
| 18 | not-tailwind | 25 |
| 19 | tina-docs-starter | 18 |
| 20 | active-mdx | 15 |
| 21 | sung.codes | 3 |
| 22 | gh-deploy | 3 |
| 23 | personalPortfolio_v5 | 3 |
Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com