Shadcn.io is not affiliated with official shadcn/ui
Settings Access Tokens
React animated personal access token management settings block for Next.js with scope selection, expiry configuration, create and revoke actions, masked keys, and copy-to-clipboard using shadcn/ui, framer-motion, and Tailwind CSS
Manage personal access tokens with granular scope control using this React settings block. Create tokens with specific permissions, set expiration dates, view last-used timestamps, and revoke tokens with confirmation dialogs. Built with TypeScript, shadcn/ui Badge, Input, Switch, and Button components, framer-motion expandable animations, and Tailwind CSS. Ideal for developer portals, API platforms, and any application requiring programmatic authentication with fine-grained access control.
Related Components
Webhook Endpoints
Webhook URL and event management
SSO Configuration
SAML identity provider setup
Workspace General Settings
Workspace name and branding
Connected Accounts
Link and unlink service accounts
Compliance Controls
SOC2, GDPR, and HIPAA toggles
Alert Rules
Alert conditions and notification channels
FAQ
Was this page helpful?
Sign in to leave feedback.
Wedding Planner
React wedding planner profile block for Next.js with event portfolio, service packages, vendor network, client testimonials, and availability calendar using shadcn/ui, Tailwind CSS, and framer-motion
Account Deletion
React animated account deletion settings block for Next.js with multi-step confirmation, data download, cooldown period countdown, and reason selection using shadcn/ui, Tailwind CSS, and framer-motion