Shadcn.io is not affiliated with official shadcn/ui
React Git Repository Connection Settings Block
Animated React Git connection settings page for Next.js with provider selection, repository URL, branch config, deploy key management, and auto-deploy toggle built with shadcn/ui, Tailwind CSS, and framer-motion
Connect your Git repository with this React and Next.js settings block. Select a provider, configure your repository URL and default branch, manage deploy keys, and toggle auto-deploy -- all with smooth staggered entrance animations. Built with TypeScript, shadcn/ui Input, Select, Switch, and Button, Tailwind CSS, and framer-motion.
React Git Repository Connection Settings Block preview
Installation
Related Components
Maintenance Mode Settings
Maintenance toggle and scheduled window
Import / Export Settings
Data import and export with format selection
Security Settings
Password, 2FA, and session management
IP Allowlist Settings
IP allowlist and blocklist management
Profile Settings
User profile and personal information
Keyboard Shortcuts Settings
Custom keyboard shortcut bindings
FAQ
Was this page helpful?
Sign in to leave feedback.
React GDPR Consent Management Settings Block
Animated React GDPR consent management settings page for Next.js with purpose-based consent toggles, data retention policies, data subject rights actions, and legal basis display built with shadcn/ui, Tailwind CSS, and framer-motion
React Identity Provider Configuration Settings Block
Animated React identity provider settings page for Next.js with OIDC and SAML configuration, issuer URL, client credentials, user attribute mapping, and JIT provisioning toggle built with shadcn/ui, Tailwind CSS, and framer-motion