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
Libraries
Radix UI, Base UI, React Aria
Figma

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.