Stackery's public design canvas can be embedded as an iframe to provide an interactive version of any AWS SAM template. https://app.stackery.io/editor

1-stackery-canvas.html

<iframe title='Stackery canvas of SAM template'
  width='100%'
  height='500'
  frameBorder='0'
  src='https://app.stackery.io/editor/design?owner=stackery&repo=quickstart-dotnet&file=template.yaml'>
</iframe>
<!-- The URL params assume GitHub today, where owner is the GH org, repo is the repository name, and file is the SAM template to be rendered -->
<!-- E.g. https://github.com/stackery/quickstart-dotnet/blob/master/template.yaml -->

2-stackery-canvas-standalone.html

<!-- You can also separate the design and template widgets,
pairing them in the same browser context, like magic vanishing cabinets. -->
<!-- Note the relationship between the name iframe attribute and the src url sync param -->
<iframe name='stackeryEditorDesign'
  title='Stackery design mode rendering an AWS SAM template'
  width='100%'
  height='500'
  frameBorder='0'
  src='https://app.stackery.io/editor/design?owner=stackery&repo=quickstart-dotnet&file=template.yaml&standalone=true&sync=stackeryEditorTemplate'>
</iframe>
<iframe name='stackeryEditorTemplate'
  title='Stackery template mode rendering an AWS SAM template'
  width='100%'
  height='500'
  frameBorder='0'
  src='https://app.stackery.io/editor/template?owner=stackery&repo=quickstart-dotnet&file=template.yaml&standalone=true&sync=stackeryEditorDesign'>
</iframe>