Welcome to Vayce

The code that puts it there

<iframe src="https://vayce.app/embed/tailwind-shade-generator/" width="800" height="1100"
        style="width:100%;border:0" loading="lazy" allow="clipboard-write"
        title="Tailwind Shade Generator"></iframe>
<script src="https://vayce.app/embed.js" async></script>
<p class="vayce-embed-credit" style="margin:0.5rem 0 0;padding:0 0.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 1rem;font-family:inherit;font-size:1rem;line-height:1.5">
  <span><a href="https://vayce.app/tools/tailwind-shade-generator/?ref=embed" target="_blank" rel="noopener" style="color:inherit;display:inline-flex;align-items:center;gap:0.25rem;opacity:.8;transition:opacity .15s">Tailwind Shade Generator<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex:none" aria-hidden="true"><path d="M7 17 17 7M8 7h9v9"/></svg></a></span>
  <span><span style="opacity:.55">from </span><a href="https://vayce.app/?ref=embed" target="_blank" rel="noopener" style="color:inherit;display:inline-flex;align-items:center;gap:0.25rem;opacity:.8;transition:opacity .15s">Vayce<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex:none" aria-hidden="true"><path d="M7 17 17 7M8 7h9v9"/></svg></a></span>
</p>
<style>.vayce-embed-credit a:hover{opacity:1!important}</style>

The height is what a host renders before the script runs, measured per tool, because an iframe left to itself falls back to 150px. One copy of the script serves every embed on a page. The credit link is yours to delete.