Shadcn.io is not affiliated with official shadcn/ui
React Widget Embed Settings Block
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.
React Widget Embed Settings Block preview
Installation
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.
React Webhook Endpoint Management Settings Block
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
React Workflow Automation Rules Settings Block
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