Feature 235 - Split promo with flicker tiles and shine border

Pro

A two-column promotional feature with dashed ghost CTAs on the left and a bordered preview panel on the right, combining ShineBorder framing, staggered flicker animations on thumbnails, and Shadcn buttons.

Shadcn Feature 235 block

Component Data

  • ID:feature235
  • Access:pro
  • Created:Mar 16, 2025
  • Type:block

Feature 235 block design & features

Feature235 pairs long-form copy with a preview collage on large screens using Shadcn UI buttons and a Magic UI shine border frame. The left column stacks a dashed rounded ghost control with icon, a huge sans headline, explanatory paragraph, and another dashed outline button. The right column shows a bordered, muted slab containing a tiled grid of small rounded images, each running a looping opacity flicker with staggered delays defined in scoped CSS.

Mint, yellow, and chartreuse accent variables feed the shine animation around the bordered frame while the thumbnails pulse between full and dim opacity. Corners stay rounded throughout, spacing is airy, and the dashed buttons widen their icon gap on hover for a mechanical feel. The overall look is bright, tech-demo, and motion-forward.

This is an elaborate marketing block: custom keyframes, Magic UI border treatment, and a multi-thumb layout. It stands out from plain split features because of the animated grid and iridescent border. Expect to tune colors in CSS variables and replace placeholder architecture shots.

Layouts stack vertically on smaller widths before rejoining the side-by-side flex on wide breakpoints, keeping the text column readable ahead of the animated preview.