Hero 216 - Centered hero with meteors and globe

Pro

A centered hero with kicker, large Cal Sans headline, MagicUI meteor field, rounded secondary CTA with arrow motion, and overscaled globe strip below.

Shadcn Hero 216 block

Component Data

  • ID:hero216
  • Access:pro
  • Created:May 4, 2025
  • Updated:Jun 3, 2026
  • Type:block

Hero 216 block design & features

Hero216 is a Shadcn UI hero built from a narrow text stack and a wide atmospheric footer: muted kicker, oversized centered headline, a secondary pill button whose arrow slides on hover, then MagicUI meteors streaking behind the type. Below, a clipped viewport reveals an exaggerated globe that rises from the bottom edge with heavy scale so the sphere feels planetary in the layout.

Contrast comes from crisp sans display type against animated particle lines and the cool globe mesh. The background stays default theme colors, letting the effects supply depth.

This is a developer-platform or infra aesthetic without leaning on stock photography. Complexity is moderate: the novelty lives in third-party globe and meteor tuning more than bespoke layout.

On small heights the globe may crop more aggressively while the headline and CTA remain the readable focus.