Feature 251 - Four feature cards with globe and animated beams

Pro

A feature grid of four cards with icons and copy, a globe visualization, and animated beams that link the cards in a responsive layout.

Shadcn Feature 251 block

Component Data

  • ID:feature251
  • Access:pro
  • Created:May 4, 2025
  • Type:block

Feature 251 block design & features

Feature251 is a marketing feature grid built with Shadcn UI where four cards sit around a central globe and curved beams travel between cards and the globe to show relationships. Each card holds a short title, explanation, and brand-style icons so you can spell out integrations or workflow steps in one view.

Light surfaces with rounded cards and soft separation from the page background. The globe reads as a focal orb while beams add continuous motion without flashing text. Icon rows and the globe share a restrained palette so the animation carries most of the energy.

The pattern is closer to a product diagram than a plain icon grid: the motion sells connectivity and stack breadth. Complexity is moderate to high because you need coherent card copy, recognizable logos, and sane defaults for beam paths. It is a strong fit when your story is “everything plugs together” rather than four unrelated bullets.

The grid wraps as the viewport narrows; beams and the globe scale down so the section stays legible on small screens.