Generating Orb · HorizonX

Generating Orb

New

A rotating shadow orb whose light sweeps behind a staggered word.

HorizonX · UI/UX
  • Instant access Unlocked with your membership
  • Ready to adapt Use it as your starting point
  • Commercial license Use in client & commercial work

Not ready to subscribe yet?

Get 20% off your first month. We'll email you the code.

Overview

The orb is a single rotating inset shadow stack, so there is no canvas and no framework runtime — the whole volume is CSS. Tune the diameter, shadow depth, both palettes, the word and its stagger in the HorizonX editor, then export a self-contained HTML file. Every offset is expressed in orb units, so resizing keeps the highlight on the same latitude.

Highlights

  • No framework runtime
  • Pure CSS animation
  • Resizes without drifting
  • Self-contained HTML export

Preview

What's included

  • Responsive CSS orb
  • Editable palette, label and motion
  • Reduced-motion fallback

Reviews

No reviews yet.

Log in to review this product.

Frequently asked questions

  • The files for this asset, in the format listed under Specs on this page.

  • It's included with your HorizonX membership — no separate purchase.

  • Yes. Your HorizonX membership includes a commercial license — use and adapt these files in your personal, client and commercial projects.