Post

TIL that @codepen.io supports Mermaid Diagrams … and also TIL that there is no custom element to easily include these in your markup … so I built one (assisted by Antigravity). → brm.us/mermaid-elem...

brm.usIntroducing <mermaid-element>, a custom element to display Mermaid diagramsToday I learned that CodePen supports Mermaid diagrams — Chris Coyier has a a whole collection with examples here — and I also learned that there is no custom element to easily include these in your markup … so I built one.

10/9/26, 1:40 pm5 reposts31 likes

Steven

@stevenw.bsky.social

10 Sept

I had no idea they were called mermaid diagrams

Bramus

@bram.us

10 Sept

The term Mermaid here is referring to the MermaidJS library that can render all sorts of diagrams. github.com/mermaid-js/m...

github.comGitHub - mermaid-js/mermaid: Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdownGeneration of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown - mermaid-js/mermaid

Lukas

@lukas.grebe.me

11 Sept

More Mermaid makes me mirthful!

Bramus

@bram.us

10 Sept

(If I have been procrastinating, you ask? You betcha I did!)