Compact Profile Card

A centered profile settings card with avatar upload, name/email/job fields, a timezone select, density radios, notification checkboxes, a two-factor switch, and a delete-account confirmation dialog.

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

import SettingsBlock from "@/components/ui/settings-2";

export default function SettingsDemo() {
  return <SettingsBlock />;
}