All Projects → mermaid-js → Mermaid Live Editor

mermaid-js / Mermaid Live Editor

Licence: mit
Edit, preview and share mermaid charts/diagrams. New implementation of the live editor.

Projects that are alternatives of or similar to Mermaid Live Editor

matfantinel.github.io
Personal website made with SvelteKit and hosted on GitHub Pages
Stars: ✭ 80 (-79.75%)
Mutual labels:  svelte
Cloudiscovery
The tool to help you discover resources in the cloud environment
Stars: ✭ 298 (-24.56%)
Mutual labels:  diagrams
Vudash
Powerful, Flexible, Open Source dashboards for anything
Stars: ✭ 363 (-8.1%)
Mutual labels:  svelte
Curi
A JavaScript router for single-page applications
Stars: ✭ 262 (-33.67%)
Mutual labels:  svelte
Sapper Ecommerce
Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, 1 command deploy to production, Open Source, MIT license. Join us as contributor ([email protected])
Stars: ✭ 289 (-26.84%)
Mutual labels:  svelte
Sprotty
A diagramming framework for the web
Stars: ✭ 309 (-21.77%)
Mutual labels:  diagrams
svelte-progressbar
A multiseries, SVG progressbar component made with Svelte
Stars: ✭ 85 (-78.48%)
Mutual labels:  svelte
Svite
svelte integration for vite
Stars: ✭ 383 (-3.04%)
Mutual labels:  svelte
Luxor.jl
Simple drawings using vector graphics; Cairo "for tourists!"
Stars: ✭ 293 (-25.82%)
Mutual labels:  diagrams
Svelte Intellij
Svelte components in WebStorm and friends
Stars: ✭ 345 (-12.66%)
Mutual labels:  svelte
Userscripts
An open-source userscript editor for Safari
Stars: ✭ 261 (-33.92%)
Mutual labels:  svelte
Abstract State Router
Like ui-router, but without all the Angular. The best way to structure a single-page webapp.
Stars: ✭ 288 (-27.09%)
Mutual labels:  svelte
Crayon
Simple framework agnostic UI router for SPAs
Stars: ✭ 310 (-21.52%)
Mutual labels:  svelte
SENT-template
Skip setup and start code with SENT (Sapper Express Node Template) and other tools
Stars: ✭ 69 (-82.53%)
Mutual labels:  svelte
Svelte Materialify
A Material UI Design Component library for Svelte heavily inspired by vuetify.
Stars: ✭ 351 (-11.14%)
Mutual labels:  svelte
sapper-template-rollup
Starter Rollup template for Sapper apps using postcss, cssnano, tailwindcss, and svelte-preprocess.
Stars: ✭ 32 (-91.9%)
Mutual labels:  svelte
Svelvet
🧵 An experimental svelte compiler & watcher that works with snowpack
Stars: ✭ 310 (-21.52%)
Mutual labels:  svelte
Figma Html
Convert Figma designs to HTML, React, Vue, Angular, and more!
Stars: ✭ 382 (-3.29%)
Mutual labels:  svelte
Excalidraw
Virtual whiteboard for sketching hand-drawn like diagrams
Stars: ✭ 25,509 (+6357.97%)
Mutual labels:  diagrams
Svelte Router
Svelte Router adds routing to your Svelte apps. It's designed for Single Page Applications (SPA). Includes localisation, guards and nested layouts.
Stars: ✭ 310 (-21.52%)
Mutual labels:  svelte

Join our Slack!

Contributors are welcome

If you want to speed up the progress for mermaid-live-editor, join the slack channel and contact knsv.

mermaid-live-editor

Edit, preview and share mermaid charts/diagrams.

Features

  • Edit and preview flowcharts, sequence diagrams, gantt diagrams in real time.
  • Save the result as a svg
  • Get a link to a viewer of the diagram so that you can share it with others.
  • Get a link to edit the diagram so that someone else can tweak it and send a new link back

Live demo

You can try out a live version here.

Setup

This project is set up using Yarn:

yarn install

or in develop branch to use the beta version of mermaid use

yarn install --update-checksums

This together with a .npmrc file:

registry=https://registry.npmjs.com/
@mermaid-js:registry=https://npm.pkg.github.com
//npm.pkg.github.com/:_authToken="XXXXXXXXX"

Development

yarn dev
open http://localhost:8080

This app is created with Svelte + svelte-spa-router.

Release

yarn release
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].