Feature 252 - Ripple panel with dashed border and primary CTA

Pro

A contained feature band with a headline, supporting line, and button inside a rounded frame, plus a bottom-up ripple animation behind the content.

Shadcn Feature 252 block

Component Data

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

Feature 252 block design & features

Feature252 is a single contained block built with shadcn/ui: a rounded rectangle frames a headline, subtext, and one primary button while a ripple animation rises from the lower edge as a soft kinetic backdrop. The composition stays centered and stack-like, so it works as a focused promo or upgrade strip.

Muted fill inside the frame with a dashed outer border that reads like a ticket or card edge. Typography is headline-first with a single CTA, and the ripple repeats on a loop without covering the text. Overall density is moderate; the eye goes to the copy first, then the motion.

This is a simple but deliberate pattern: one message, one action, ornament from the ripple instead of extra columns. It suits announcements or limited-time offers where you do not need feature lists. Swapping the ripple tint or border weight changes the mood quickly.

The block scales down by tightening type and padding; the dashed frame and button remain full width within normal page gutters.