Shadcn.io is not affiliated with official shadcn/ui
Settings IP Allowlist
Animated React IP allowlist and blocklist settings page for Next.js with CIDR range entries, labels, expiry dates, enable toggle, and rule management built with shadcn/ui, Tailwind CSS, and framer-motion
Secure your application with this React and Next.js IP allowlist settings block. Add IP addresses and CIDR ranges with labels and expiry dates, toggle enforcement on or off, and manage allow and block rules -- all with polished staggered entrance animations. Built with TypeScript, shadcn/ui Input, Switch, Badge, and Button, Tailwind CSS, and framer-motion.
Related Components
Security Settings
Password, 2FA, and session management
Identity Provider Settings
OIDC and SAML SSO configuration
Login Methods Settings
Authentication method configuration
Maintenance Mode Settings
Maintenance toggle and scheduled window
GDPR Consent Settings
Consent management and data subject rights
Git Connection Settings
Repository and deploy key configuration
FAQ
Was this page helpful?
Sign in to leave feedback.
Integrations
Animated React connected integrations settings page for Next.js with OAuth app connections, status indicators, connect and disconnect actions, and last-synced timestamps built with shadcn/ui, Tailwind CSS, and framer-motion
Keyboard Shortcuts
Animated React keyboard shortcut settings page for Next.js with key binding editor, conflict detection, category groups, and reset defaults built with shadcn/ui, Tailwind CSS, and framer-motion