Shadcn.io is not affiliated with official shadcn/ui
Settings 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
Connect your app to Slack with this React and Next.js settings block. Features channel-to-event mapping, bot display name and avatar configuration, event subscription toggles, and webhook URL management. Built with TypeScript, shadcn/ui Switch, Input, Select, Badge, and Button, Tailwind CSS, and framer-motion staggered entrance animations.
Related Components
Notification Settings
Email, push, and SMS preferences
SMTP Configuration
Email server host, port, and auth
Scheduled Reports
Report frequency, format, and recipients
Profile Settings
Name, email, avatar, and timezone
Session Management
Timeout, concurrent limits, active sessions
Social Links Settings
Platform URLs and display order
FAQ
Was this page helpful?
Sign in to leave feedback.
Sidebar Layout
Animated React sidebar layout customization page for Next.js with menu item reordering, icon selection, collapse state toggle, and visibility controls built with shadcn/ui, Tailwind CSS, and framer-motion
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