Formula Won Labs

Floating booking-confirmation mockup card

Small floating confirmation toast used inside feature sections or as a standalone success state after a form/booking submits. Keep the copy to one line of detail; this is a glance-and-move-on element, not a receipt.

pattern · cal.comconfirmationcardvanilla
Get a site with blocks like this
Live preview
open in new tab ↗
<div class="cb-conf">
  <div class="cb-conf-card">
    <span class="cb-conf-check">&#10003;</span>
    <div>
      <strong>Booking confirmed</strong>
      <p>Intro Call with Jordan Ellis &middot; Fri, May 16 &middot; 1:00pm</p>
    </div>
  </div>
</div>
Block id: cal-com-booking-confirmation-cardvanilla · swap-content
More confirmation blocks
SMS one-time-code confirmation card
SMS one-time-code confirmation card
stripe
Success check
Success check
type-in-motion
Spinner
Spinner
type-in-motion
FAQ accordion
FAQ accordion
type-in-motion

Want the whole site, not just the block?

We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.

Get my free 15-min audit Book a Discovery Call