# mdx-pretty-code

**Repository Path**: mirrors_atomiks/mdx-pretty-code

## Basic Information

- **Project Name**: mdx-pretty-code
- **Description**: Beautiful code blocks for Markdown or MDX.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-09
- **Last Updated**: 2026-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div style="align:center;text-align:center;">

<h1 align="center" style="font-size: 2.8rem; font-weight: 900; color: white;">Rehype Pretty Code</h1>

<a href="https://npmjs.com/package/rehype-pretty-code" target="\_parent">
  <img alt="" src="https://img.shields.io/npm/dm/rehype-pretty-code.svg" />
</a>
<a href="https://github.com/rehype-pretty/rehype-pretty-code/discussions">
  <img alt="Join the discussion on Github" src="https://img.shields.io/badge/Github%20Discussions%20%26%20Support-Chat%20now!-blue" />
</a>
<a href="https://github.com/rehype-pretty/rehype-pretty-code" target="\_parent">
  <img alt="" src="https://img.shields.io/github/stars/rehype-pretty/rehype-pretty-code.svg?style=social&label=Star" />
</a>

<p align="center">
  <a href="https://rehype-pretty.pages.dev" target="_blank" rel="noopener noreferrer">
    <img width="750" src="./.github/images/screenshot.png" alt="screenshot" />
  </a>
</p>

<div align="center" style="font-size: 1.2rem; margin-left: auto;
            margin-right: auto;
            width: 30%">

Beautiful code blocks for your MD/MDX docs.

[View website for documentation](https://rehype-pretty.pages.dev)

## Integration Examples

| <a href="https://github.com/rehype-pretty/rehype-pretty-code/tree/master/examples/sveltekit"><img src="https://api.iconify.design/vscode-icons:file-type-svelte.svg" alt="svelte logo" width="100" style="padding:1px;" /> <br/> [SvelteKit](./examples/sveltekit)</a> | <a href="https://github.com/rehype-pretty/rehype-pretty-code/tree/master/examples/astro"><img src="https://api.iconify.design/vscode-icons:file-type-astro.svg" alt="Astro logo" width="100" style="padding:1px;" /><br/> [Astro](./examples/astro)</a> | <a href="https://github.com/rehype-pretty/rehype-pretty-code/tree/master/examples/cdn/index.html"><img src="https://api.iconify.design/vscode-icons:file-type-html.svg" alt="html logo" width="100" style="padding:1px;" /><br/> [CDN](./examples/cdn/index.html)</a> | <a href="https://github.com/rehype-pretty/rehype-pretty-code/tree/master/examples/next"><img src="https://api.iconify.design/devicon:nextjs.svg" alt="html logo" width="100" style="padding:1px;" /><br/> [Next.js](./examples/next)</a> |
|---|---|---|---|

</div>