Features
Mermaid Flow Player includes features for animating diagrams.
Core Features
Section titled “Core Features”- Web Component —
<mermaid-flow-player>with declarative attributes - Kitchen Sink Showcase — Full feature gallery with copy-paste examples
- Auto Modes — Zero-config usage with 4 progressive enhancement layers
- Animations & Easing — 30+ easing functions
- Edge Detection — Multi-strategy edge animation system
- Interactive Mode — Step-through diagrams with path selection
- Narration — Auto-updating narration text during playback
Builder & Composition
Section titled “Builder & Composition”- Scenario Builder — Fluent chainable API for building scenarios
- Plugins — Build extensions with lifecycle hooks
Configuration
Section titled “Configuration”- Themes — Light, dark, and auto themes with persistence
- Query Parameters — Configure via URL parameters
Diagram Types
Section titled “Diagram Types”All features work with 7 diagram types: Flowcharts, Sequence, State, Gantt, Journey, Class, and ER diagrams.
Live Demos
Section titled “Live Demos”Full Controls with Minimap
Section titled “Full Controls with Minimap”Interactive Mode
Section titled “Interactive Mode”Dark Theme
Section titled “Dark Theme”For the full kitchen-sink reference, see Kitchen Sink Showcase.