Skip to content
pele-animate
Docs
Icons
Playground
Changelog
GitHub
npm
☀
Playground
Editor
Preview
Mermaid source
flowchart LR A@{ icon: "device-desktop", form: "square", h: 88, label: "Laptop" } B@{ icon: "server", form: "square", h: 88, label: "Server" } A -->|request| B
Load an example…
Getting started 1
Diagram types 1
Diagram types 2
Diagram types 3
Diagram types 4
Diagram types 5
Diagram types 6
Diagram types 7
Diagram types 8
Icons 1
Step order 1
Step order 2
Stroke
1.5
Preview width
100%
Custom colors
Step controls (click to step)
Copy share link
Copy Mermaid
Copy code snippet
Light and dark follow the site theme (button in the header).