Shadcn.io is not affiliated with official shadcn/ui
Settings SMTP Config
Animated React SMTP email configuration page for Next.js with host and port fields, authentication credentials, TLS toggle, and send test email functionality built with shadcn/ui, Tailwind CSS, and framer-motion
Configure your email delivery with this React and Next.js SMTP settings block. Features host, port, and authentication fields, TLS encryption toggle, sender identity configuration, and a test email action with status feedback. Built with TypeScript, shadcn/ui Switch, Input, Select, and Button, Tailwind CSS, and framer-motion staggered entrance animations.
Related Components
Notification Settings
Email, push, and SMS preferences
Email Preferences
Frequency, digest, and unsubscribe
Slack Integration
Channel mapping and bot configuration
Scheduled Reports
Report frequency, format, and recipients
Security Settings
Password, 2FA, and session management
Profile Settings
Name, email, avatar, and timezone
FAQ
Was this page helpful?
Sign in to leave feedback.
Slack Integration
Animated React Slack integration settings page for Next.js with channel mapping, bot configuration, event subscription toggles, and webhook URL management built with shadcn/ui, Tailwind CSS, and framer-motion
Social Links
Animated React social media links management page for Next.js with platform URL fields, display order controls, visibility toggles, and preview rendering built with shadcn/ui, Tailwind CSS, and framer-motion