Newsletter blocks

Email sign-up forms with labels, validation and privacy notes.

3 variants. Every block is one file built from CK-UI components and works in light and dark mode.

Inline newsletter

Copy beside a labelled email field and button, with validation, a privacy note and a success message.

Also copy the files they import: Label.

npm install @radix-ui/react-label @radix-ui/react-slot class-variance-authority react-icons

A centered card with an email field, an optional opt-in checkbox and a confirmation that replaces the form.

Also copy the files they import: Label.

npm install @radix-ui/react-checkbox @radix-ui/react-label @radix-ui/react-slot class-variance-authority react-icons

Benefits on one side and a form with an optional name and required email on the other, on a muted band.

Also copy the files they import: Label.

npm install @radix-ui/react-label @radix-ui/react-slot class-variance-authority react-icons