Shadcn.io is not affiliated with official shadcn/ui
React DNS Record Management Settings Block
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
Manage DNS records with this React and Next.js settings block. Features support for A, CNAME, MX, and TXT record types with verification status indicators, TTL configuration, and expandable record details with copy-to-clipboard values. Built with TypeScript, shadcn/ui Input, Select, Badge, and Button, Tailwind CSS, and framer-motion.
React DNS Record Management Settings Block preview
Installation
Related Components
CORS Origins
CORS allowed origins with test button
Deployment Config
Deployment configuration with build commands
Environment Variables
Key-value environment variable management
Danger Zone Settings
Destructive actions with confirmation dialogs
Profile Settings
User profile and personal information management
Feature Toggles
Feature flag management with rollout controls
FAQ
Was this page helpful?
Sign in to leave feedback.
React Developer Tools Settings Block
React animated developer tools settings block for Next.js with debug mode toggle, API sandbox environment, request logging, and performance profiling using shadcn/ui, Tailwind CSS, and framer-motion
React Email Domain Verification Settings Block
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