AI HTML → native Webflow

Paste code. Get editable Webflow.

Drop in HTML from any agent. Flowpaste turns it into the clipboard format Webflow Designer understands—structure, classes, styles, and breakpoints included.

Source HTMLindex.html

<section class="launch-hero">
  <div class="launch-shell">
    <p class="eyebrow">Built with Flowpaste</p>
    <h1 class="launch-title">From agent output to Webflow canvas.</h1>
    <p class="launch-copy">
      Paste HTML. Keep the structure, classes, and responsive styles.
    </p>
    <div class="launch-actions">
      <a class="primary-button" href="/start">Start building</a>
      <a class="text-link" href="/work">See the work →</a>
    </div>
  </div>
</section>

.launch-shell {
    width: 100%;
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
  }

.eyebrow {
    margin-bottom: 20px;
    color: #d9ff72;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

.launch-title {
    max-width: 820px;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 72px;
    line-height: 0.98;
    letter-spacing: -0.055em;
  }

.launch-copy {
    max-width: 560px;
    margin-bottom: 36px;
    color: #b9bdb4;
    font-size: 20px;
    line-height: 1.5;
  }

.launch-actions {
    display: flex;
    align-items: center;
    gap: 24px;
  }

.primary-button {
    padding: 15px 22px;
    border-radius: 999px;
    color: #171a15;
    background-color: #d9ff72;
    font-weight: 700;
    text-decoration: none;
    transition: transform 180ms ease;
  }

.primary-button:hover {
    transform: translateY(-2px);
  }

.text-link {
    color: #f8f7f1;
    text-decoration: none;
  }

@media (max-width: 767px) {
    .launch-hero { min-height: 440px; padding: 52px 20px; }
    .launch-title { font-size: 48px; }
    .launch-copy { font-size: 17px; }
  }

@media (max-width: 479px) {
    .launch-title { font-size: 40px; }
    .launch-actions { align-items: flex-start; flex-direction: column; }
  }
</style>

Convert your HTML to see the result.