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
- Animated SVG — One self-contained file that plays where JavaScript cannot run
- Interactive Mode — Step-through diagrams with path selection
- Narration — Auto-updating narration text during playback
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.