Notification Matrix

One settings card for notification preferences: a channel by topic switch matrix, a 24 hour quiet hours slider that can wrap past midnight, and a segmented digest control with a plain language summary. Locked cells explain why they are locked.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Notification Matrix to your project and fits it to your theme.

import PublishedComponent from "@/components/ui/notification-matrix"

export default function Demo() {
  return <PublishedComponent />
}