Skip to content

docs: add webtoolz Mermaid Studio to community integrations#7400

Open
kaialder wants to merge 4 commits intomermaid-js:developfrom
kaialder:add-webtoolz-mermaid-studio
Open

docs: add webtoolz Mermaid Studio to community integrations#7400
kaialder wants to merge 4 commits intomermaid-js:developfrom
kaialder:add-webtoolz-mermaid-studio

Conversation

@kaialder
Copy link

Adding Mermaid Studio by webtoolz to the community integrations list under Productivity tools.

What it is:

  • Free, browser-based Mermaid editor
  • Live preview as you type
  • 4 curated themes (default, dark, forest, neutral)
  • Unlimited PNG/SVG export
  • Shareable links
  • 100% client-side, no signup required

Placed alphabetically next to Mermaid Flow Visual Editor in the Productivity tools section.

Add Mermaid Studio by webtoolz (https://webtoolz.dev/mermaid) to the
Productivity tools section. It's a free, browser-based Mermaid editor
with live preview, curated themes, and PNG/SVG export.
@netlify
Copy link

netlify bot commented Feb 16, 2026

Deploy Preview for mermaid-js ready!

Name Link
🔨 Latest commit a602c08
🔍 Latest deploy log https://app.netlify.com/projects/mermaid-js/deploys/69b50c85fc27e10008d9bc94
😎 Deploy Preview https://deploy-preview-7400--mermaid-js.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@changeset-bot
Copy link

changeset-bot bot commented Feb 16, 2026

⚠️ No Changeset found

Latest commit: a602c08

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@knsv knsv enabled auto-merge March 12, 2026 14:25
@pkg-pr-new
Copy link

pkg-pr-new bot commented Mar 12, 2026

Open in StackBlitz

@mermaid-js/examples

npm i https://pkg.pr.new/@mermaid-js/examples@7400

mermaid

npm i https://pkg.pr.new/mermaid@7400

@mermaid-js/layout-elk

npm i https://pkg.pr.new/@mermaid-js/layout-elk@7400

@mermaid-js/layout-tidy-tree

npm i https://pkg.pr.new/@mermaid-js/layout-tidy-tree@7400

@mermaid-js/mermaid-zenuml

npm i https://pkg.pr.new/@mermaid-js/mermaid-zenuml@7400

@mermaid-js/parser

npm i https://pkg.pr.new/@mermaid-js/parser@7400

@mermaid-js/tiny

npm i https://pkg.pr.new/@mermaid-js/tiny@7400

commit: 0d7367d

@codecov
Copy link

codecov bot commented Mar 12, 2026

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 3.52%. Comparing base (277c496) to head (a602c08).

Additional details and impacted files

Impacted file tree graph

@@           Coverage Diff           @@
##           develop   #7400   +/-   ##
=======================================
  Coverage     3.52%   3.52%           
=======================================
  Files          509     509           
  Lines        49790   49790           
  Branches       785     785           
=======================================
  Hits          1754    1754           
  Misses       48036   48036           
Flag Coverage Δ
unit 3.52% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@argos-ci
Copy link

argos-ci bot commented Mar 12, 2026

The latest updates on your projects. Learn more about Argos notifications ↗︎

Build Status Details Updated (UTC)
default (Inspect) ✅ No changes detected - Mar 14, 2026, 7:32 AM

- [Slidev](https://sli.dev) ✅
- [Tuleap](https://docs.tuleap.org/user-guide/writing-in-tuleap.html#graphs) ✅
- [Mermaid Flow Visual Editor](https://www.mermaidflow.app) ✅
- [Mermaid Studio by webtoolz](https://webtoolz.dev/mermaid) - Browser-based Mermaid editor with live preview, curated themes, and PNG/SVG export
Copy link
Collaborator

@lee-treehouse lee-treehouse Mar 13, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@kaialder looks to me like lint step is failing because of spell checking webtoolz :) I think you can add a cspell ignore, there are a few examples in the code already (actually, check out line 283 of this file, you can add to the ignore list there, that will affect the entire file as explained here)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants