👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
Contact with Newsletter
Contact section with newsletter signup, social media links, and quick contact form in a multi-column layout
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Stay connected. This React contact section combines newsletter signup with quick contact form and social media links in a clean three-column layout. Built with shadcn/ui Input, Button, Textarea components and Lucide React icons (Twitter, LinkedIn, Facebook, Instagram, Github), users can subscribe to updates, send quick messages, or follow on social platforms. Responsive grid layout, email validation, and mobile-optimized design—perfect for blogs, newsletters, or community sites where building an audience matters as much as direct contact.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/contact-newsletter-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/contact-newsletter-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/contact-newsletter-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/contact-newsletter-01.jsonRelated blocks you will also like
Newsletter Signup
Email subscription form with social proof
Minimal Contact Form
Simple minimal contact form
Contact Form with Dark Card
Contact form with dark gradient and social links
Contact Support Options
Multiple contact methods with live chat
Connected Accounts
Social account linking interface
Contact Sections with Card
Contact form with card layout and options