TypeScript Markdown

Open-source TypeScript projects categorized as Markdown

Top 23 TypeScript Markdown Projects

  • AFFiNE

    There can be more than Notion and Miro. AFFiNE(pronounced [ə‘fain]) is a next-gen knowledge base that brings planning, sorting and creating all together. Privacy first, open-source, customizable and ready to use.

    Project mention: Are we making the best notion open source alternative? | news.ycombinator.com | 2024-01-20

    Also has a self-hosted version however it’s a bit out of date with their SaaS product


  • gitbook

    The open source frontend for GitBook doc sites

    Project mention: Alternatives to Docusaurus for product documentation | dev.to | 2024-04-04

    GitBook is a well-known online platform for developing, sharing, and publishing technical documentation. Although it’s not open source, it offers free and paid plans, with the free plan having limited features and functionalities. The paid plans unlock more features, such as custom domains, team collaboration, and advanced analytics.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  • notable

    The Markdown-based note-taking app that doesn't suck.

    Project mention: Noteable.io Is Shutting Down | news.ycombinator.com | 2023-12-16

    And I was confusing it with https://notable.app/

  • TOAST UI Editor

    🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

    Project mention: I'm making a GlowUI text editor to get back into coding | /r/Windows11 | 2023-06-09

    If you need a WYSIWYG markdown editor you can try Toast UI Editor or simply use Markdown Live add-on for Visual Studio Code

  • siyuan

    A privacy-first, self-hosted, fully open source personal knowledge management software, written in typescript and golang.

    Project mention: A structured note-taking app for personal use | news.ycombinator.com | 2023-12-21

    Try SiYuan Note. It's free and open source local-first mix of Notion and Obsidian.


  • foam

    A personal knowledge management and sharing system for VSCode

    Project mention: Vscode setup with Foam and Logseq for Digital Note Taking | dev.to | 2024-04-02

    Source: (1) A personal knowledge management and sharing system for VSCode - Foam. https://foambubble.github.io/foam/. (2) A personal knowledge management and sharing system for VSCode. https://github.com/foambubble/foam. (3) Loam - Visual Studio Marketplace. https://marketplace.visualstudio.com/items?itemName=ciceroisback.loam.

  • emoji-cheat-sheet

    A markdown version emoji cheat sheet

    Project mention: How to Make Your Awesome GitHub Profile | dev.to | 2024-01-07

  • </code></li> <li><code><style></code></li> <li><code><xmp></code></li> <li><code><iframe></code></li> <li><code><noembed></code></li> <li><code><noframes></code></li> <li><code><script></code></li> <li><code><plaintext></code></li> </ul> <blockquote> <p>💡: To learn more, here's the <a href="https://github.github.com/gfm/#html-blocks">GitHub Flavored Markdown Spec</a> related to HTML blocks.</p> </blockquote> <h3> <a name="finding-inspiration" href="#finding-inspiration"> </a> Finding Inspiration </h3> <p>To help you get started, I suggest looking at other awesome GitHub profiles for ideas. You can go to <a href="https://github.com/abhisheknaiidu/awesome-github-profile-readme">awesome-github-profile-readme</a>, where I've found inspiration when making my profile. </p> <p>Since the profiles are open-source, you can use some of the good ideas for your awesome profile!</p> <p>You can also check out <a href="https://github.com/kshyun28">my profile</a> for some ideas. 😉</p> <h3> <a name="adding-badges" href="#adding-badges"> </a> Adding Badges </h3> <p>For adding badges to your profile, you can check out <a href="https://github.com/Ileriayo/markdown-badges">markdown-badges</a>. The repository has a wide selection to choose from, ranging from programming languages to streaming platforms like Netflix.</p> <p>If you can't find what you're looking for or want to create custom badges, you can go to <a href="https://shields.io/">shields.io</a>, which is what <a href="https://github.com/Ileriayo/markdown-badges">markdown-badges</a> use. </p> <p>Here's an example where I used <a href="https://github.com/Ileriayo/markdown-badges">markdown-badges</a> on my profile.<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--rlrJWZvX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/dlieqpdfd/image/upload/v1704616185/GitHub%2520Profile/badges-example_t6jyr6.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--rlrJWZvX--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/dlieqpdfd/image/upload/v1704616185/GitHub%2520Profile/badges-example_t6jyr6.png" alt="Markdown badges example" loading="lazy" width="800" height="127"></a></p> <h3> <a name="adding-icons" href="#adding-icons"> </a> Adding Icons </h3> <p>For adding a <code>skills</code> or <code>tech stack</code> section to your profile, I recommend using <a href="https://github.com/tandpfun/skill-icons">skill-icons</a> which provide beautiful icons.</p> <p>If your icon is not supported, you can go to <a href="https://simpleicons.org/">simpleicons</a>, which has over 2900 SVG icons for popular brands.</p> <p>Here's an example where I used <a href="https://github.com/tandpfun/skill-icons">skill-icons</a> for my profile's tech stack section. <br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--QcxDGziL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/dlieqpdfd/image/upload/v1704616185/GitHub%2520Profile/icons-example_nyo1sn.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QcxDGziL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://res.cloudinary.com/dlieqpdfd/image/upload/v1704616185/GitHub%2520Profile/icons-example_nyo1sn.png" alt="Icons example" loading="lazy" width="800" height="182"></a></p> <h3> <a name="using-emojis" href="#using-emojis"> </a> Using Emojis </h3> <p>In GitHub Flavored Markdown, you can use emojis. To see the full list of supported emojis, you can go to this <a href="https://github.com/ikatyang/emoji-cheat-sheet">emoji-cheat-sheet</a>.</p> <p>If you want to get the list of supported emojis yourself, you can use <a href="https://docs.github.com/en/rest/emojis/emojis#get-emojis">GitHub's Emoji API</a>.</p> <p>Going to <a href="https://api.github.com/emojis">https://api.github.com/emojis</a> on your browser should show a JSON response of all supported emojis.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight json"><code><span class="p">{</span><span class="w"> </span><span class="nl">"+1"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f44d.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"-1"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f44e.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"100"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f4af.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"1234"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f522.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"1st_place_medal"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f947.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"2nd_place_medal"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f948.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"3rd_place_medal"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f949.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="nl">"8ball"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://github.githubassets.com/images/icons/emoji/unicode/1f3b1.png?v8"</span><span class="p">,</span><span class="w"> </span><span class="err">...</span><span class="w"> </span></code></pre> <div class="highlight__panel js-actions-panel"> <div class="highlight__panel-action js-fullscreen-code-action"> <svg xmlns="http://www.w3.org/2000/svg" width="20px" height="20px" viewbox="0 0 24 24" class="highlight-action crayons-icon highlight-action--fullscreen-on"><title>Enter fullscreen mode Exit fullscreen mode Here's an example where I used emojis for my profile. Adding GitHub Stats For adding cards and stats for your GitHub activity, I recommend using github-readme-stats. You can customize your stat cards with different layouts and themes. Here's an example where I added GitHub stats to my profile. Adding Quotes Adding random quotes to your profile can add a nice touch for visitors. I found github-readme-quotes to be useful for doing just that. Here's what it looks like on my profile. I personally like to add quotes to provide some value to my profile visitors. More Ideas For adding more infographics to your profile, I recommend checking out metrics. This is one of the most starred repositories on GitHub with the github-profile topic, so I couldn't leave this out. Then I found this beautiful resource beautify-github-profile, where you can find more ways to customize your profile. If you're also feeling adventurous, you can explore the github-profile topic here. The repositories are sorted by the number of stars by default. Feel free to explore repositories with the github-profile topic. You might even find ones that aren't used as much but are just what you need. GitHub Profile Achievements While this is not related to customizing your GitHub profile's README.md, I feel the need to include it. If you go to your GitHub profile, you'll notice an Achievements section on the left sidebar. These achievements are fun to collect and can improve your overall GitHub profile. To learn more about what achievements are available and how to get them, check out the list of GitHub profile achievements. Conclusion To recap, we walked through how to create your GitHub profile. Then I showed how to format your profile with GitHub Flavored Markdown and HTML. After that, I shared where you can get inspiration for your own profile. Finally, I gave tips and resources on ways to customize your profile. I hope this can help you in making your awesome GitHub profile. I'd love to see what you can come up with! Thank you for reading and feel free to comment or connect with me here. Resources Managing your GitHub profile README GitHub Basic Writing and Formatting Syntax awesome-github-profile-readme repository markdown-badges repository shields.io skill-icons repository simpleicons.org emoji-cheat-sheet GitHub's Emoji API github-readme-stats repository github-readme-quotes repository metrics repository beautify-github-profile repository repositories with "github-profile" topic github-profile-achievements list
  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • vitepress

    Vite & Vue powered static site generator.

    Project mention: VitePress 1.0 | news.ycombinator.com | 2024-03-21

    There is a discussion related to naming on GitHub: https://github.com/vuejs/vitepress/discussions/548

    > I initially gave VitePress a different name because I wanted to be able to explore a different architecture without worrying about backwards compat. After shipping the vuejs.org with VitePress, I believe VitePress is flexible enough to be a full replacement of current VuePress while offering better DX and better performance.

    Given that version 1 landed as "VitePress" they probably decided to keep the name.

    > ...

    > I think we should ship VitePress stable as VuePress 3, but I am open to potential questions and concerns.

    > Pros: Less confusion in the long run. There will be just one officially maintained SSG with better DX, better performance, and customization that fully aligns with standard Vite-based Vue apps.

    > Cons: Potential confusion in the short run, since there are probably a lot of tutorials / integrations targeting VuePress 1. Still I think with the recent Vue 3 switch, users won't be surprised with a major upgrade for VuePress.

  • tinacms

    A fully open-source headless CMS that supports Markdown and Visual Editing

    Project mention: Soupault: A static website management tool | news.ycombinator.com | 2024-03-22

    > Why is are all static site generators (that I am aware of) are CLI? What prevent simplistic drag and drop GUI/WYSIWYG that generates those clean static files?


    - Tina CMS: https://tina.io/

    - Primo CMS: https://primocms.org/

    Anyway, you seem to be holding the wrong end of the stick. Static generation is the easy part, what you're looking for is a subset that falls under the CMS umbrella, just search for `CMS+SSG` you'll find a diverse set of solutions.

    You can also setup any generic Headless CMS to trigger generation for a static site. Why would someone build a full fledged CMS and limit it to a niche market inside a niche?

  • nextra

    Simple, powerful and flexible site generation framework with everything you love from Next.js.

    Project mention: Roast My Docs | news.ycombinator.com | 2024-04-17

    co-author here

    we put in a lot of effort into our docs and we'd greatly appreciate any criticism or feedback! Langfuse is powerful but the docs should help beginners to quickly get started and then incrementally use more features.

    docs are OSS, repo: https://github.com/langfuse/langfuse-docs

    built using: https://github.com/shuding/nextra

  • Zettlr

    Your One-Stop Publication Workbench

    Project mention: Obsidian 1.5 Desktop (Public) | news.ycombinator.com | 2023-12-26
  • shiki

    A beautiful yet powerful syntax highlighter

    Project mention: Shiki: A beautiful yet powerful syntax highlighter | news.ycombinator.com | 2024-03-15
  • milkdown

    🍼 Plugin driven WYSIWYG markdown editor framework.

  • vditor

    ♏ 一款浏览器端的 Markdown 编辑器,支持所见即所得(富文本)、即时渲染(类似 Typora)和分屏预览模式。An In-browser Markdown editor, support WYSIWYG (Rich Text), Instant Rendering (Typora-like) and Split View modes.

  • marp

    The entrance repository of Markdown presentation ecosystem

    Project mention: Ask HN: What products other than Obsidian share the file over app philosophy? | news.ycombinator.com | 2024-04-03

    > Recently I've been using iAPresenter, which lets you build presentations using Markdown.

    Save yourself the $90 for a one-time license and use Marp[1], for free, instead.

    [1] https://marp.app/

  • markdoc

    A powerful, flexible, Markdown-based authoring framework.

    Project mention: Markdoc – a flexible Markdown-based authoring framework built by Stripe | news.ycombinator.com | 2024-03-06
  • dendron

    The personal knowledge management (PKM) tool that grows as you do!

    Project mention: Show HN: Odin – the integration of LLMs with Obsidian note taking | news.ycombinator.com | 2023-09-21

    Dendron shut down a long time ago: https://github.com/dendronhq/dendron/discussions/3890 The repo is up, but the project is dead.

  • yn

    A highly extensible Markdown editor. Version control, AI Copilot, mind map, documents encryption, code snippet running, integrated terminal, chart embedding, HTML applets, Reveal.js, plug-in, and macro replacement.

  • app

    Think fearlessly with end-to-end encrypted notes and files. For issues, visit https://standardnotes.com/forum or https://standardnotes.com/help.

    Project mention: Show HN: Text Lambda, a versatile notebook for your personal data | news.ycombinator.com | 2024-02-21

    this certainly could be useful for me personally, but it would need more functionality. I think the _full_ project could be very useful though. however i would ask, how is this different from e.g. https://standardnotes.com/ and other note systems available ?

  • HedgeDoc

    HedgeDoc - Ideas grow better together

    Project mention: Building a Blog in Django | news.ycombinator.com | 2023-09-12

    Nice and simple. I feel the only lacking feature for a basic blog is having unlisted blog posts, which is very handy when you want to share it to proof-readers. This can be done on google doc/hedgedoc [0] for sure, but then when porting there are very often typos creeping in.

    [0] https://hedgedoc.org/

  • zotero-better-notes

    Everything about note management. All in Zotero.

    Project mention: Google Scholar PDF Reader | news.ycombinator.com | 2024-03-20

    Die you check the `zotero-better-notes`? [1]

    > LaTex math in Zotero note is no longer a dream. The `zotero-better-notes` addon now supports this feature!

    [1]: https://github.com/windingwind/zotero-better-notes

  • codehike

    Marvellous code walkthroughs

  • BoostNote-App

    Boost Note is a document driven project management tool that maximizes remote DevOps team velocity.

    Project mention: Created a versus list for Note Taking Apps (last tab). What do you guys think? Did I miss anything? | /r/UpNote_App | 2023-07-04
  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2024-04-17.

TypeScript Markdown related posts


What are some of the best open-source Markdown projects in TypeScript? This list will help you:

Project Stars
1 AFFiNE 30,061
2 gitbook 26,315
3 notable 22,269
4 TOAST UI Editor 16,737
5 siyuan 15,560
6 foam 14,777
7 emoji-cheat-sheet 11,790
8 vitepress 11,099
9 tinacms 11,045
10 nextra 10,327
11 Zettlr 9,587
12 shiki 8,470
13 milkdown 8,290
14 vditor 7,697
15 marp 7,100
16 markdoc 6,959
17 dendron 6,378
18 yn 5,313
19 app 4,869
20 HedgeDoc 4,639
21 zotero-better-notes 4,555
22 codehike 4,219
23 BoostNote-App 3,633
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.