Skip to main content
ParticleUI

Newsletter Section

Email signup section with glow card, input, and submit button.

Stay in the loop

Get notified when new components drop, design tips land, and the Pro tier opens up. No spam, ever.

No spam. Unsubscribe anytime.

Installation

1

Run the CLI

$npx particleui-cli add newsletter

Usage

TSX
import { NewsletterSection } from "@/components/blocks/newsletter"

export default function Page() {
  return <NewsletterSection />
}

Props

PropTypeDefaultRequired
headingstring"Stay in the loop"no
descriptionstring"Get notified when new components dropno
placeholderstring"you@company.com"no
ctaLabelstring"Subscribe"no
disclaimerstring"No spam. Unsubscribe anytime."no
onSubscribe(email: string) => voidno

Details

Source filecomponents/blocks/newsletter.tsx
Typeblock
Categoriesmarketing, blocks
npm dependencies
Registry depsglow-card, input, button
Claude skill