Hero 233 - Centered hero with rising column veil

Pro

A tall hero with gradient column backdrop, pill kicker, shadow-accent headline, paired CTAs, and animated vertical columns that grow upward behind copy.

Shadcn Hero 233 block

Component Data

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

Hero 233 block design & features

Hero233 is a centered hero built with shadcn/ui buttons and Magic UI line-shadow text. A soft blurred panel sits behind the headline cluster while framer-driven vertical stripes rise from the bottom on load, creating a curtain of spacing columns with subtle hover brighten. The headline mirrors the shadow-word pattern used in sibling blocks, with paired documentation and primary buttons under the paragraph.

The motion emphasizes the background more than the type. Height is viewport-oriented with max and min guards.

It lands as a modern, slightly dramatic launch hero with architectural backbone lines. Complexity is moderate due to the animated grid of columns and layered blur.

Fewer columns render on mobile to avoid noise; headline and buttons remain readable over the simplified veil.