Ambient float mockup

The product-mockup screenshot in the hero right column that gently bobs up and down. `translateY(0 → -10px)` on 7s ease-in-out, both directions. Enough to feel alive, not enough to distract from the copy on the left.

by FWONbackgroundvanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<div class="a35">
  <div class="mock">
    <div class="mb"><i></i><i></i><i></i></div>
    <div class="mh"></div>
    <div class="mp"></div>
    <div class="mp sh"></div>
    <div class="mp"></div>
  </div>
</div>

Block id: tim-35-ambient-float-mockupvanilla · drop-in

More background blocks

Retro scrolling grid background

magicui

Radial-mask dot pattern background

magicui

Meteor shower overlay

magicui

Drifting dot grid

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