Web components that wrap some popular libraries, for use with Gem or any framework.
| Package | Element | Library |
|---|---|---|
@gem-bind/marked |
<gem-bind-marked> |
marked — render markdown |
@gem-bind/lottie |
<gem-bind-lottie> |
lottie-web — play Lottie animations |
@gem-bind/diff2html |
<gem-bind-diff2html> |
diff2html — render unified diffs |
@gem-bind/map |
<gem-bind-map> |
d3-geo — render interactive maps |
@gem-bind/flow |
<gem-bind-flow> |
ELK — lay out directed graphs |
@gem-bind/mermaid |
<gem-bind-mermaid> |
Mermaid — render text-based diagrams |
@gem-bind/latex |
<gem-bind-latex> |
KaTeX — render LaTeX math |
<script type="module" src="https://esm.sh/@gem-bind/marked"></script>
<gem-bind-marked># Hello *world*</gem-bind-marked>See each package's README for attributes, properties and custom rendering.
pnpm i # install and build all packages
pnpm start # run the examples dev server (packages/examples)
pnpm lint # biome + typecheck中文说明见 README_zh.md。