# jfcere/ngx-markdown

Angular markdown component/directive/pipe/service to parse static, dynamic or remote content to HTML with syntax highlight and more...

Repository: https://github.com/jfcere/ngx-markdown
Canonical: https://ross.abutalabs.com/products/ngx-markdown
Homepage: https://jfcere.github.io/ngx-markdown
Language: TypeScript
License: MIT
License Family: permissive
Topics: angular, ngx, markdown, md, parser, marked, markedjs, prism, prismjs, syntax-highlighting, katex, emoji, clipboard, clipboardjs, mermaid, mermaidjs
Last push: 2026-08-30T16:25:17+00:00

## Health v2 (maintenance only)
Score: 95/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 100, release rhythm 87, longevity 100
- inputs: {"age_days": 3496, "days_push": 3, "days_rel": 4, "gap_med": 61, "n_releases_24m": 14}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1191, forks 185 (observed 2026-09-01T02:14:03.258056+00:00)

## What it is
ngx-markdown is an Angular library providing a component, directive, pipe, and service to parse static, dynamic, or remote markdown content into HTML. It integrates Marked for parsing, Prism.js for syntax highlighting, KaTeX for math rendering, Mermaid for diagrams, emoji support, and clipboard copy for code blocks.

## Use cases
- render markdown files in an angular app
- display remote markdown content as html
- syntax highlight code blocks in markdown
- render math expressions and mermaid diagrams from markdown
- convert markdown to html in angular templates
- add copy-to-clipboard buttons to code blocks
- parse dynamic markdown strings at runtime

## When to choose
- you are building an Angular application that needs to render markdown
- you want an all-in-one solution with syntax highlighting, math, diagrams, and emoji out of the box
- you need to render markdown from static, dynamic, or remote sources with a consistent API
- you want Angular-idiomatic integration via components, directives, pipes, and services

## When to avoid
- you are not using Angular (consider marked, markdown-it, or react-markdown instead)
- you need a framework-agnostic markdown parser with no UI layer
- you need server-side markdown rendering in a non-JavaScript environment
- you require extremely fine-grained control over the parsing pipeline that a wrapper library may abstract away

## Facets
- artifact type: library
- maturity: active
- function: markdown, parser, ui-components, templating
- domain: web-development, frontend, documentation
- platform: browser, cross-platform
- tags: angular, marked, prismjs, syntax-highlighting, katex, mermaid, emoji, clipboard, ngx, nodejs

## Member repositories
- jfcere/ngx-markdown (main) score 95

## Provenance
- Observed fields: from GitHub, fetched 2026-09-01T02:14:03.258056+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T06:23:04.401957+00:00, confidence not recorded.
  - readme: https://github.com/jfcere/ngx-markdown (fetched 2026-09-01T02:14:03.258056+00:00, sha 6a18251afbb6)
  - homepage: https://jfcere.github.io/ngx-markdown (fetched 2026-08-29T12:30:06.150481+00:00, sha b02deb52493a)
  - registry_npm: https://registry.npmjs.org/ngx-markdown (fetched 2026-08-29T12:30:06.159488+00:00, sha a5082306c6fd)
- Data as of 2026-08-30T08:39:29.467469+00:00.