H
UI by hampton.io
Back to Components
Marketing

Newsletter Form

Email subscription form with validation and submit handling.

PropsUsage ExampleVariations

Stay in the loop

Get the latest updates delivered to your inbox.

Dependencies

  • clsx
  • tailwind-merge

Files

  • components/ui/newsletter-form.tsx

Installation

Using shadcn CLI

npx shadcn add newsletter-form --url https://ui.hampton.io

Manual installation

Copy the component file to your project and install dependencies:

npm install clsx tailwind-merge

Related Marketing Components

Social Proof Bar

A compact trust bar with company count, customer count, and logo placeholders.

Team Member

Team member card with photo, role, and social links.