Shadcn.io is not affiliated with official shadcn/ui
Settings 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
Manage your social media presence with this React and Next.js settings block. Features platform URL inputs with validation, drag-to-reorder display ordering, visibility toggles per platform, and a live preview of how links appear. Built with TypeScript, shadcn/ui Switch, Input, and Button, Tailwind CSS, and framer-motion staggered entrance animations.
Related Components
Profile Settings
Name, email, avatar, and timezone
Appearance Settings
Theme, font size, and density controls
Privacy Settings
Data sharing and cookie preferences
Referral Program
Reward tiers, referral link, tracking
Sidebar Layout
Menu items, ordering, and collapse state
Notification Settings
Email, push, and SMS preferences
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Sso Config
React animated SSO and SAML configuration settings block for Next.js with identity provider setup, metadata URL input, certificate upload, connection testing, and enforcement toggle using shadcn/ui, framer-motion, and Tailwind CSS