Shadcn.io is not affiliated with official shadcn/ui
Settings Email Domain
Animated React email domain verification settings page for Next.js with SPF, DKIM, DMARC DNS record validation, status indicators, and domain management using shadcn/ui, Tailwind CSS, and framer-motion
Verify your email sending domain with this React and Next.js settings block. Display SPF, DKIM, and DMARC DNS records with real-time validation status, copy-ready record values, and auto-verify controls. Built with TypeScript, shadcn/ui Input, Badge, and Button components, Tailwind CSS, and framer-motion staggered animations. Ideal for transactional email dashboards, marketing automation settings, and custom domain configuration panels.
Related Components
Notification Settings
Email, push, and SMS notification preferences
Security Settings
Password, 2FA, and session management
SSO Configuration
SAML single sign-on setup
CORS Origins
Allowed origin domains and headers
Error Reporting
Error capture and grouping configuration
Profile Settings
Name, email, bio, and avatar management
FAQ
Was this page helpful?
Sign in to leave feedback.
DNS Settings
Animated React DNS record management page for Next.js with A, CNAME, MX, TXT record types, verification status, and add/remove records built with shadcn/ui, Tailwind CSS, and framer-motion
Email Preferences
Animated React email preference center settings page for Next.js with frequency selector, digest options, per-topic unsubscribe toggles, and global opt-out built with shadcn/ui, Tailwind CSS, and framer-motion