Shadcn.io is not affiliated with official shadcn/ui
Settings Custom Domain
React animated custom domain settings block for Next.js with DNS verification steps, SSL certificate status, domain input, and CNAME record instructions using shadcn/ui, Tailwind CSS, and framer-motion
Connect your own domain with this React custom domain configuration block. Add a domain, follow guided DNS verification steps, and monitor SSL certificate provisioning in real time. Built with TypeScript, shadcn/ui Button, Input, and Badge components, Lucide React icons, and framer-motion for animated step transitions and status indicators. Perfect for SaaS platforms, white-label solutions, and any product that supports custom domains.
Related Components
Developer Tools Settings
Debug mode and API sandbox
OAuth Apps Settings
Manage OAuth applications
Backup & Restore Settings
Backup scheduling and restore options
Audit Log Settings
View account audit trail
Plan Upgrade Settings
Compare and upgrade plans
Role & Permissions Settings
Manage roles and access control
FAQ
Was this page helpful?
Sign in to leave feedback.
Cors Origins
Animated React CORS origin management page for Next.js with add/remove origins, wildcard support, and test connectivity button built with shadcn/ui, Tailwind CSS, and framer-motion
Custom Fields
Animated React custom field builder settings page for Next.js with field types, drag reordering, required toggles, and live preview built with shadcn/ui, Tailwind CSS, and framer-motion