Slashdown - Text markup language

home terminal edit

Slashdown is a text markup language created in 2021 by Nick Noble.

#2238on PLDB

3Years Old

Download source code:

git clone https://github.com/nickisnoble/slashdown

Homepage · REPL · Source Code

For when MDX is too much, but Markdown is too little.

Tags: text markup language
Slashdown is developed on GitHub and has 0 stars
Markdown and MDX influenced the design of Slashdown
Slashdown is written in TypeScript, JSON, YAML, Markdown, JavaScript, HTML

Example from the web:

/ .h-full.p-4.prose

  /header .flex.justify-between
    **Slashdown**

    /nav .space-x-2
      [JS](#)
      [Ruby](#)

  /section #hero .rounded-lg.bg-gray-200.p-4.pb-0.overflow-hidden

    # For when MDX is too much and Markdown is too little
    *(Or you just don't like closing tags)*

  /article

    ## Slashdown is a superset of markdown.

    Using indentation and some simple syntax, you can hand write markup with more customizability and *dare I say* OOOMPH!

    It was designed for [HTMX](), [Tailwind](), and joy. In fact, this page has Tailwind's PlayCDN enabled – go to town experimenting!

    ## The basics

    ### Any line that starts with a `/` is a tag.
    By default, it will render a div, but you can name it anything you want: `/section`, `/MyComponent`, `/x-thing`.

    ### Attributes can follow:
    `/button hx-post="/clicked" hx-swap="outerHTML"`

    #### Common shorthands for classes and IDs:
    `/section #hero .rounded.bg-gray-200.p-4`

    #### Stacking, for organization


    ### Text at the end
    At the end of a tag, you can add ` = ` followed by anything except line breaks. This will be treated as innerText for that tag.
    `/section #hero .rounded.bg-gray-200.p-4`