Shadcn.io is not affiliated with official shadcn/ui
Settings Developer Tools
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
Unlock advanced developer controls with this React developer tools settings block. Toggle debug mode, switch between sandbox and production API environments, enable request logging with live log output, and control performance profiling. Built with TypeScript, shadcn/ui Switch, Button, Badge, and Select components, Lucide React icons, and framer-motion for smooth toggle animations. Essential for developer dashboards, API management panels, and engineering admin interfaces.
Related Components
OAuth Apps Settings
Manage OAuth applications
Audit Log Settings
View account audit trail
Custom Domain Settings
Domain and DNS configuration
Backup & Restore Settings
Backup scheduling and restore options
Data Export Settings
Export data in multiple formats
Role & Permissions Settings
Manage roles and access control
FAQ
Was this page helpful?
Sign in to leave feedback.
Deployment Config
Animated React deployment configuration page for Next.js with build command, environment selector, region picker, and auto-deploy toggle built with shadcn/ui, Tailwind CSS, and framer-motion
DNS Settings
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