Shadcn.io is not affiliated with official shadcn/ui
React Support Widget Configuration Settings Block
Animated React support widget settings block for Next.js with widget position, brand color, greeting message, availability hours, and live preview built with shadcn/ui, Tailwind CSS, and framer-motion
Configure your embedded support widget with this React and Next.js settings block. Customize widget position, brand color, greeting message, and set business hours for live chat availability. Includes a live preview swatch that updates in real time. Built with TypeScript, shadcn/ui Input, Switch, Select, and Button, Tailwind CSS, and framer-motion staggered animations.
React Support Widget Configuration Settings Block preview
Installation
Related Components
Profile Settings
Name, email, bio, and avatar management
Notification Settings
Email, push, and SMS notification preferences
Theme Editor
Color pickers, border radius, and preview
Timezone & Calendar
Working hours and timezone preferences
Trial Settings
Trial duration and feature limits
Custom User Fields
Custom profile field management
FAQ
Was this page helpful?
Sign in to leave feedback.
React Subscription Cancellation Flow Settings Block
Animated React subscription cancellation settings block for Next.js with reason survey, retention offers, pause option, and multi-step confirmation built with shadcn/ui, Tailwind CSS, and framer-motion
React Tax Configuration Settings Block
Animated React tax configuration settings block for Next.js with per-region tax rates, tax ID management, automatic calculation toggle, and expandable region rows built with shadcn/ui, Tailwind CSS, and framer-motion