Shadcn.io is not affiliated with official shadcn/ui
Chat Notification Settings
React chat notification preferences panel for Next.js with per-channel mute toggles, push notification controls, sound settings, and mention filters using TypeScript, shadcn/ui Switch, and Tailwind CSS
A comprehensive notification settings panel for React and Next.js chat applications. Users can choose between receiving all messages, mentions only, or muting everything at the global level. Per-channel mute toggles let users silence specific conversations without leaving them. Sound and push notification switches provide granular control over how alerts are delivered. Built with TypeScript, shadcn/ui Switch and Button components, Tailwind CSS, and Framer Motion entrance animations.
Related Components
Privacy Settings Chat
Chat privacy controls with blocking and visibility toggles
Appearance Settings Chat
Chat theme and display customization panel
Encryption Indicator Chat
End-to-end encrypted chat with lock indicators
Poll Messages Chat
In-chat polling with live vote counts
Direct Message Chat
One-on-one DM interface with seen indicators
Minimal Chat
Clean minimal one-on-one chat interface
FAQ
Was this page helpful?
Sign in to leave feedback.
News Digest
A news digest chat interface built with React, Next.js, shadcn/ui, and Tailwind CSS featuring article cards, source badges, and AI-generated summaries
Nutrition Tracker
A nutrition tracker chat block for React and Next.js with food log cards, macro breakdowns, daily goals, and meal suggestions built with shadcn/ui and Tailwind CSS