Settings Page

Settings layout with Profile, Security, Notifications, and Billing tabs.

Settings

Manage your account and preferences

Profile

Your public information

First name

Last name

Bio

Timezone

$npx particleui-cli add settings-page

TSX

import { SettingsPage } from "@/components/blocks/settings-page"

export default function Page() {
  return <SettingsPage />
}

Source filecomponents/blocks/settings-page.tsx

Typeblock

Categoriesdashboard, blocks

npm dependencieslucide-react

Registry depsbutton, input, label, card, tabs, switch, select, avatar, separator, badge

Claude skill—