Floating orb blobs

Two big blurred color orbs that drift and scale on ease-in-out. Warm one top-right, cool one bottom-left. Cheap way to add depth behind a quiet hero without hero imagery.

by FWONbackgroundvanilla

Get a site with blocks like this

Live preview

open in new tab ↗

<div class="a28">
  <div class="orb orb-a"></div>
  <div class="orb orb-b"></div>
</div>
<div class="a28-lbl">warm horizon</div>

Block id: tim-28-floating-orb-blobsvanilla · 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