Shadcn.io is not affiliated with official shadcn/ui
Settings Widget Embed
Animated React widget embed settings page for Next.js with script snippet preview, color customization, position selection, and allowed domains management using shadcn/ui, Tailwind CSS, and framer-motion
Configure and deploy embeddable widgets with this React and Next.js settings block. Preview the embed script snippet, customize widget colors and position, manage allowed domains for CORS, and toggle visibility -- all with smooth staggered entrance animations. Built with TypeScript, shadcn/ui Input, Switch, Select, and Button, Tailwind CSS, and framer-motion.
Related Components
Workspace Invites
Invite links and domain restrictions
Waitlist Configuration
Capacity, invite batching, and priority rules
API Rate Tiers
Per-plan rate limit configuration
Content Moderation
Auto-mod rules and escalation workflows
Profile Settings
User profile and personal information
SSO Configuration
SAML single sign-on setup
FAQ
Was this page helpful?
Sign in to leave feedback.
Webhook Endpoints
React animated webhook endpoint management settings block for Next.js with URL configuration, event subscriptions, secret rotation, delivery log, and status indicators using shadcn/ui, framer-motion, and Tailwind CSS
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