Newsletter

An inline newsletter sign-up band with a title/description on one side and an email form with pending, success and error states on the other.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Newsletter to your project and fits it to your theme.

import { Newsletter } from "@/components/ui/newsletter";

export default function NewsletterDemo() {
  return (
    <Newsletter
      onSubscribe={async (email) => {
        await new Promise((resolve) => setTimeout(resolve, 1000));
        console.log("subscribed", email);
      }}
    />
  );
}