@comarkdown

A high-performance Markdown parser and renderer for Angular, React, Svelte, Vue, HTML and ANSI.

comark.dev
Joined August 2021
  • Tweets252
  • Following28
  • Followers5.8K
90Media
:: Comark 0.8 is out! • HTML and Markdown mix properly • Conditional content with the `If` component and `#else` slot • Inline code highlighting • Faster, more accurate streaming auto-close 15+ fixes across parsing, security, and renderers.
1
3
2
18
2,608
Checkout full release notes github.com/comarkdown/comark…

Release comark v0.8.0 · comarkdown/comark

🚨 Breaking Changes Preserve custom heading ids in markdown and add flat headingIds mode - by @farnabaz in #471 (0d538) Keep markdown between HTML tags inside the element - by @farnabaz in #401 (1c...

github.com
184
Comark retweeted
Farnabaz@a_birangOct 18
Use Pele with Comark. Write ```mermaid or ```pele, get themeable SVG in Vue, React, Svelte, Angular or plain HTML. github.com/farnabaz/comark-p…
kepano
@kepanoOct 17
This is Pele, my new rendering library for diagrams and charts, compatible with the latest Mermaid syntax. - 100-500× faster than mermaid.js - 6× smaller bundle - No dependencies - Easy to theme - Responsive to device width In pursuit of making Obsidian insanely fast and cohesively designed, I always found the Mermaid library to be too big, too slow, and too hard to theme. Pele will be the new renderer in the next version of Obsidian, but you can start using it now. Pele [ˈpɛlɛ] is named after the goddess of volcanoes and fire. It's open source under the MIT license. Try the playground!
3
8
99
5,549
Annote in Markdown ✔️
Maxi
@_onmaxOct 12
I wanted agents to put annotated screenshots in PRs without anyone drawing on them comark-annotate is a @comarkdown plugin for that. Write the marks in Markdown, get hand-drawn boxes, arrows and before/after pairs as static HTML. comark-annotate.onmax.me
2
4
27
2,225
Comark retweeted
Afonso@xmrafonsoOct 11
I was sad to see @Atinux discontinue ::for loops in @comarkdown in favor of knap. I personally dislike knap's syntax and didn't want to add extra overhead for a single feature. So... I present you comark-loops which adds it back :) github.com/xMrAfonso/comark-…

GitHub - xMrAfonso/comark-loops: Standalone ::for loops for Comark.

Standalone ::for loops for Comark. Contribute to xMrAfonso/comark-loops development by creating an account on GitHub.

github.com
1
2
7
290
Did you know you can write Comark syntax and see it render live at comark.dev/play? You can also prompt to stream a full page and see how powerful the streaming system is: never breaks, never shows half-parsed markdown. Need mermaid diag? Just add the plugin 👇
1
2
13
851
seo plugin for comark npmjs.com/package/comark-seo @comarkdown
2
1
5
518
Comark ecosystem update: 18 packages. 5 are core packages. The community alredy built 13 🔥 New /ecosystem page is live: a home for every renderes, plugins, tools and integrations built around comark. Submit yours: comark.dev/ecosystem

Comark ecosystem: community renderers, plugins, and integrations

Browse community renderers, plugins, integrations, and tooling built around Comark, plus real products running it in production.

comark.dev
1
4
1
26
4,505
Shipped comark-knap so you can now render your Markdown to HTML / Vue / React / Svelte / ...
kepano
@kepanoSep 10
This is Knap. It's a new language I created that turns data into Markdown. The syntax should feel familiar and comes with wonderfully pleasant features to modify and format plain text. Knap is open source. Over a million people already use Knap directly or indirectly because it started as the templating language I made for Obsidian Web Clipper. Now any tool can use it. You can add Knap to your app or use it via CLI. Create a batch of Markdown files from JSON or CSV, or pipe Defuddle directly into Knap to generate Markdown from HTML/URLs. The Knap site is color-coded to help beginners understand the relationship between variables (blue), filters (orange), and logic (green). I've tried to document it as comprehensively as I can. Try the Knap Playground so you can see how fun the syntax is to use! Knap is pronounced /knæp/ (with a hard k). It's named after knapping (with a silent k): the process of shaping stones to form arrowheads, scrapers, and other tools. Enjoy!
6
3
2
131
48,206
Markdown as a templating engine ✔️ Coming soon in the binding plugin for @comarkdown
8
7
1
89
3,924
:: Comark 0.7 is out! • Richer auto-close for streaming markdown • Custom auto-close functions • printAnsi / createAnsiPrinter As well as 30+ fixes across parsing, security, and renderers.
1
2
2
19
3,752
Checkout the full release notes github.com/comarkdown/comark…

Release comark v0.7.0 · comarkdown/comark

ImportantInline component name are no longer contribute to generate heading IDs # heading with some :inline The new id will be heading-with-some. it used to be heading-with-some-inline 🐞 Bug Fixe...

github.com
4
352
We kept treating markdown like static text. Now you can use it as a template engine.
Maxi
@_onmaxSep 10
Replying to @_onmax
The email is a Markdown template with variables and conditions. Comark renders it for the email driver. I'll share more about this soon. If you're interested: vitehub.dev/docs/server-prim…
Abbreviated code example. # {{ recap.user.name }}, this was your {{ recap.label }} on GitHub You opened **{{ recap.metrics.openedPullRequests }} pull requests**. ::if{recap.topRepository} You were most active in **{{ recap.topRepository.name }}**. :: [Open and share your visual recap]({{ url }})

ALT Abbreviated code example. # {{ recap.user.name }}, this was your {{ recap.label }} on GitHub You opened **{{ recap.metrics.openedPullRequests }} pull requests**. ::if{recap.topRepository} You were most active in **{{ recap.topRepository.name }}**. :: [Open and share your visual recap]({{ url }})

1
1
9
703
Learn more about the binding plugin in Comark comark.dev/plugins/built-in/…

Binding Plugin

Interpolate data with `{{ path || default }}` and conditionally render content with `::if`.

comark.dev
1
174
Damn @kshvbgde ships fast! mdx-graphs.kshv.me/comark

comark · mdxcn

Write figures as ::graph-* blocks in plain Markdown. Comark parses the file and these graphs draw the frames, with no MDX compile step.

mdxcn.dev
Sébastien Chopin
@AtinuxSep 7
Vibe-coded a demo using @comarkdown components syntax ✨ comark-graphs-demo.vercel.ap…
2
3
35
3,996
Vibe-coded a demo using @comarkdown components syntax ✨ comark-graphs-demo.vercel.ap…
keshav
@kshvbgdeAug 27
introducing markdown graphs - tables, charts, and diagrams for MDX that look like they were typed - tastefully crafted design and animations - 20 components, ready to use - free and open-source - built using @shadcn registry mdx-graphs.kshv.me/docs
8
6
1
98
12,710
Comark retweeted
David@dbzx10299Sep 7
Just built a small design system for writing about code with @nuxt_js and @comarkdown. davidbender.me/blog/site-des…

Site Design System

Small design system built with Nuxt and Comark

davidbender.me
2
3
1
36
9,231
Next step, migrate to Comark ✨
Baptiste Leproux@_larbishAug 31
🤖 docus.dev v5.13.0 - New agentic experience improvements. - The AI assistant is now provider-agnostic. Own the server route and bring your provider, your model, your options. Still zero config on Vercel with the AI Gateway ⚡

Write beautiful docs with Markdown

Ship fast, flexible, and SEO-optimized documentation with beautiful design out of the box. Docus brings together the best of the Nuxt ecosystem. Powered by Nuxt UI.

docus.dev
2
33
6,381
Thank you ⭐ We're just getting started, stay tuned for the next minor and our upcoming content layer.
1
1
6
1,576
github.com/comarkdown/comark

GitHub - comarkdown/comark: Comark is an open-source Markdown parser and renderer with components,...

Comark is an open-source Markdown parser and renderer with components, attributes and plugins. It streams AI output to React, Vue, Svelte, Angular, HTML and the terminal. - comarkdown/comark

github.com
346
Load more