MCPcopy Index your code
hub / github.com/marp-team/marpit

github.com/marp-team/marpit @v3.2.2

Chat with this repo
repository ↗ · DeepWiki ↗ · release v3.2.2 ↗ · + Follow
201 symbols 603 edges 108 files 60 documented · 30% 1 cross-repo links
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

Marpit Marpit

Marpit: Markdown slide deck framework

CircleCI Codecov npm LICENSE

🗒 Documentation | ⚙ API


Marpit /mɑːrpɪt/ is the skinny framework for creating slide deck from Markdown. It can transform Markdown and CSS theme(s) to slide deck composed of static HTML and CSS and create a web page convertible into slide PDF by printing.

Marpit is designed to output minimum assets for the slide deck. You can use the bare assets as a logicless slide deck, but mainly we expect to integrate output with other tools and applications.

In fact, this framework is created for using as the base of a core converter in Marp ecosystem.

Features

:pencil: Marpit Markdown

We have extended several features into markdown-it parser to support writing awesome slides, such as Directives and Slide backgrounds. Additional syntaxes place importance on a compatibility with general Markdown documents.

:art: Theme CSS by clean markup

Marpit has the CSS theming system that can design slides everything. Unlike other slide frameworks, there are not any predefined classes and mixins. You have only to focus styling HTML elements by pure CSS. Marpit would take care of the selected theme's necessary conversion.

:triangular_ruler: Inline SVG slide (Experimental)

Optionally <svg> element can use as the container of each slide page. It can be realized the pixel-perfect scaling of the slide only by CSS, so handling slides in integrated apps become simplified. The isolated layer made by <foreignObject> can provide advanced backgrounds for the slide with keeping the original Markdown DOM structure.

We not provide any themes because Marpit is just a framework. You can use @marp-team/marp-core if you want. It has the official themes, and practical features extended from Marpit.

Getting started

See the documentation of Marpit to get started.

Contributing

Are you interested in contributing? See CONTRIBUTING.md and the common contributing guideline for Marp team.

Development

git clone https://github.com/marp-team/marpit
cd marpit

npm install
npm run build

Sub-projects

Author

Managed by @marp-team.

License

This framework releases under the MIT License.

Extension points exported contracts — how you extend this code

HTMLAsArray (Interface)
(no doc)
index.d.ts
Options (Interface)
(no doc)
index.d.ts
ThemeSetOptions (Interface)
(no doc)
index.d.ts

Core symbols most depended-on inside this repo

render
called by 133
src/marpit.js
$
called by 107
test/markdown/background_image.js
use
called by 105
src/marpit.js
add
called by 49
src/theme_set.js
set
called by 49
src/helpers/inline_style.js
style
called by 32
test/markdown/image.js
marpitPlugin
called by 23
src/plugin.js
run
called by 21
test/postcss/pseudo_selector/replace.js

Shape

Function 143
Method 37
Class 18
Interface 3

Languages

TypeScript100%

Modules by API surface

src/theme_set.js18 symbols
src/marpit.js12 symbols
index.d.ts11 symbols
src/theme.js10 symbols
test/markdown/background_image.js7 symbols
test/marpit.js6 symbols
test/markdown/heading_divider.js6 symbols
src/helpers/inline_style.js6 symbols
test/markdown/directives/apply.js5 symbols
test/_supports/postcss_finder.js5 symbols
test/markdown/inline_svg.js4 symbols
test/_supports/selector_normalizer.js4 symbols

Used by 1 indexed graphs manifest dependencies, hub-wide

For agents

$ claude mcp add marpit \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page