Newsletter Blocks

A centered newsletter signup with an email field and subscribe button.

A full-width horizontal band on a bg-muted panel with branding label, heading, and subtext on the left, and an inline email input plus subscribe button with a privacy note on the right.

Newsletter signup Card with idle, loading, success, and error states driven by a client state machine

Multi-step newsletter Card with topic toggles and a double opt-in check-your-inbox confirmation

A social-proof newsletter signup centered around a subscriber avatar stack, a star rating and reader count, a headline, an inline email capture with a success state, and a trusted-by line.

Pro newsletter: a text-left signup with a validating email form, a count-up reader total, and a live email-client preview that auto-cross-fades between real-looking newsletter issues; blur-rise entrance, reduced-motion friendly, theme-aware.

Pro newsletter: a full-width archive of past issues as a hairline grid of cards with grayscale covers that lift to color on hover, issue numbers and read times, and a subscribe bar; blur-rise scroll-in, theme-aware, reduced-motion friendly.

Pro newsletter: a subscriber-growth proof with a range-toggled area chart, count-up totals, and a stat strip beside a signup form; the chart re-animates on range change, blur-rise entrance, theme-aware, reduced-motion friendly.

Pro newsletter: a centered signup under an auto-rotating reader quote wall with grayscale avatars and real company logos that blur cross-fade, with dot navigation; blur-rise entrance, theme-aware, reduced-motion friendly.

Pro newsletter: a live signup feed that streams recent subscribers with grayscale avatars, country flags, and clock times beside a count-up and a signup form; blur-rise entrance, reduced-motion friendly, theme-aware.

Pro newsletter: a bundle picker of selectable newsletter cards with cadence, reader counts, and samples, an animated selection check, a running issues-per-month summary, and a signup form; blur-rise entrance, theme-aware, reduced-motion friendly.

Pro newsletter: a cinematic editorial poster with an oversized headline, an inline signup form, and a 3D-tilted grayscale issue cover that straightens and lifts to color on hover, over a faint grid and a corner net mesh; blur-rise entrance, theme-aware, reduced-motion friendly.