Components
Loading preview...
This component is a modern newsletter subscription form built with ShadCN UI and Tailwind CSS, designed for both light and dark themes. It uses a Card layout to encapsulate the form, providing a clean and focused interface. Users can enter their email address in a styled input field, and submit it via a prominent, full-width button. Upon submission, the form displays a friendly success message with a celebratory emoji, confirming that the user has been added to the mailing list. The component is responsive, accessible, and reusable, making it ideal for integrating into websites or applications that want a polished and user-friendly subscription experience.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/newsletter-formimport NewsletterForm from "@/components/ui/newsletter-form";
export default function DemoOne() {
return <NewsletterForm />;
}