# sfn-diagram
> Generate SVG, Mermaid, HTML, and PNG diagrams from AWS Step Functions ASL (Amazon States Language) definitions, CloudFormation/SAM/CDK templates, or live AWS state machines. Runs in Node, the browser, and edge runtimes.
Core (`sfn-diagram`) is platform-agnostic. Only `sfn-diagram/png` and the CLI are Node-only.
Four entry points: `sfn-diagram` (SVG/Mermaid/HTML), `sfn-diagram/png`, `sfn-diagram/aws`, `sfn-diagram/cfn`.
## Documentation Sets
- [Abridged documentation](https://sfn.yusufaf.dev/llms-small.txt): a compact version of the documentation for sfn-diagram, with non-essential content removed
- [Complete documentation](https://sfn.yusufaf.dev/llms-full.txt): the full documentation for sfn-diagram
## Notes
- The complete documentation includes all content from the official documentation
- The content is automatically generated from the same source as the official documentation
## Optional
- [Playground](https://sfn.yusufaf.dev/playground): Interactive editor — paste ASL, see the diagram.
- [GitHub repository](https://github.com/yusufaf/sfn-diagram): Source, issues, and releases.