Shadcn.io is not affiliated with official shadcn/ui
Settings Workspace General
React animated workspace general settings block for Next.js with name, URL slug, logo upload, description, timezone selector, and danger zone using shadcn/ui, framer-motion, and Tailwind CSS
Configure your workspace identity with this React settings block. Update the workspace name, customize the URL slug, upload a logo, set a description, and manage dangerous actions like transferring or deleting the workspace. Built with TypeScript, shadcn/ui Input, Button, and Textarea components, framer-motion staggered entrance animations, and Tailwind CSS. Perfect for SaaS dashboards, team collaboration tools, and multi-tenant admin panels.
Related Components
SSO Configuration
SAML identity provider setup
Brand Assets
Logo variants, colors, and fonts
Webhook Endpoints
Webhook URL and event management
Access Tokens
Personal access token management
Connected Accounts
Link and unlink service accounts
Compliance Controls
SOC2, GDPR, and HIPAA toggles
FAQ
Was this page helpful?
Sign in to leave feedback.
Workflow Rules
Animated React workflow automation rules settings page for Next.js with trigger configuration, condition builder, action mapping, and per-rule enabled toggle using shadcn/ui, Tailwind CSS, and framer-motion
Workspace Invites
Animated React workspace invite settings page for Next.js with shareable invite link, domain restrictions, auto-join rules, pending invitations list, and role assignment using shadcn/ui, Tailwind CSS, and framer-motion