Story Components Playground
Back to Docs
Edit HTML on the left, see live preview on the right
HTML
<insta-story> <div style="position:absolute;top:0;left:0;width:100%;height:100%;background:#1a0a2e"></div> <div style="position:relative;display:flex;flex-direction:column;align-items:center;gap:40px;padding:200px 100px 0"> <p style="font-family:'Instagram Sans Condensed';font-size:120px;color:#ffd93d;font-weight:bold">Hello World!</p> <insta-hashtag hashtag="storrito"></insta-hashtag> <insta-mention username="storrito" design="rainbow"></insta-mention> <insta-location location="Cologne"></insta-location> <insta-link url="https://storrito.com" text="Try Storrito"></insta-link> </div> </insta-story>