Cta 54 - Call to action on an interactive dot field

Pro

A centred call to action with a heading, one line and two buttons over a full-width dot field whose dots brighten and grow around the cursor.

Shadcn Cta 54 block

Component data

ID
cta54
Access
pro
Created
Oct 30, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Cta 54 block design & features

The block is a full-width band framed by thin rules, filled with an even field of small dots drawn on a canvas in the muted text colour.

The dots fade out towards the centre, so the heading, one supporting line and two buttons always sit on a clear area. When the cursor moves over the band, the dots near it grow and brighten in a soft circle.

The dots stay still for visitors who prefer reduced motion, and the canvas redraws only on pointer movement or resize.

On mobile the band keeps the same layout with the buttons wrapping.