The home for great developer writing.

We surface the best developer writing from thousands of independent blogs, updated daily.

Introducing <mermaid-element>, a custom element to display Mermaid diagrams

· Original Content – Bram.us · Sept. 10, 2026, 1:15 p.m.

Original Content custom elements diagram mermaid Web Development Javascript codepen Mermaid Diagrams

Summary

This blog post introduces <mermaid-element>, a custom HTML element created by the author to easily integrate Mermaid diagrams into markup, inspired by a lack of existing solutions.

Read full post on www.bram.us →

Introducing <​mermaid-element>, a custom element to display Mermaid diagrams

Introducing <mermaid-element>, a custom element to display Mermaid diagrams