A responsive and animated email subscription form built with React, Framer Motion, and Lucide icons — perfect for modern product websites or team fan clubs like KKR (Kolkata Knight Riders). Features: Smooth animations on mount and interaction using framer-motion Clean UI with Tailwind utility classes Accessibility-ready with aria-labels Compact form with real-time email state and reset Call-to-action design optimized for conversions Use it for: Newsletter signups Product updates Event announcements Team fanbase engagement
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds News Letter to your project and fits it to your theme.
Code
How News Letter is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import { Component } from "@/components/ui/news-letter";
export default function DemoOne() {
return <Component />;
}
















