Embedding

On StackBlitz.com, you can create new projects and get the embed code from the 'Share' dropdown link in the top navigation like so:

Then just paste the embed code in an iframe and you're good to go!

<iframe src="https://stackblitz.com/edit/angular?embed=1"></iframe>

Alternatively, you can also use our Javascript SDK methods for easily embedding StackBlitz projects on the page & avoid all the hassles of creating/configuring iframes.

Embed Options

file
File pathThe default file to have open in the editor
embed
0
/
1
Force embed view regardless of screen size
hideExplorer
0
/
1
Hide file explorer pane in embed view
hideNavigation
0
/
1
Hide the browser navigation UI
ctl
0
/
1
Require user to 'click to load' the embed
view
editor
/
preview
Which view to open by default
hidedevtools
0
/
1
Hide the debugging console in the editor preview
devtoolsheight
0
<
height
<
1000
Set the height of the debugging console in the editor preview
initialpath
URL pathThe initial URL path (URI encoded) the preview should open

Embed on Medium

In your Medium article, simply take your project URL (i.e. https://stackblitz.com/edit/angular) and paste it. After you hit enter, it should automatically become an embed.