# Settings blocks for shadcn/ui

> 79 settings blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/settings
- 79 blocks, 30 free and 49 paid, from 17 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=settings&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q settings`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free settings blocks

All 30 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Profile And Notification Cards by @7ovr](https://shadcn.exchange/r/7ovr/settings-1): Settings page grouping a Profile card (display name, email, visibility select) and a Notifications card of labeled switches, saving with a toast confirmation. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/settings-1.json`
- [Section Nav Settings Layout by @7ovr](https://shadcn.exchange/r/7ovr/settings-4): Settings layout with a left section nav (Profile, Account, Notifications, Billing) that swaps the active section's form cards beside it. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/settings-4.json`
- [Tabbed Account Billing Team by @7ovr](https://shadcn.exchange/r/7ovr/settings-3): Tabbed settings page splitting Account profile fields, a Billing plan and payment method card, and a Team members table with roles. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/settings-3.json`
- [Compact Profile Card by @7ovr](https://shadcn.exchange/r/7ovr/settings-2): Compact centered settings card with avatar upload, name and email fields, timezone, density radios, notification checkboxes, a two-factor switch, and delete-account confirmation. `npx shadcn@latest add https://shadcn.exchange/r/7ovr/settings-2.json`
- [Account settings 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/account-settings-01): Comprehensive account settings interface with five separated sections: PersonalInfo with image upload (1MB limit validation, preview URL generation), country selector with flag icons; EmailPass for email and password changes; ConnectAccoun… `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/account-settings-01.json`
- [Settings 01 by @hirael](https://shadcn.exchange/r/hirael/settings-01): Account settings page with a sticky section nav, card sections with label/control rows that stack on mobile, dirty-aware Save/Cancel footers, and a Danger zone with an alert-dialog confirm. Ships composable parts. `npx shadcn@latest add https://shadcn.exchange/r/hirael/settings-01.json`
- [Settings 02 by @hirael](https://shadcn.exchange/r/hirael/settings-02): Security and notifications settings in tabs: change password with strength meter, two-factor toggle, revocable session list, and grouped notification switches under a Pause all master. Ships composable parts. `npx shadcn@latest add https://shadcn.exchange/r/hirael/settings-02.json`
- [Settings 6: data and privacy by @ballmac](https://shadcn.exchange/r/ballmac/settings-6): A data and privacy page: request an export in JSON or CSV and watch it prepare, set how long messages are kept, and delete the account behind a typed confirmation with a grace period you can cancel. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/settings-6.json`
- [8-bit Audio Settings by @8bitcn](https://shadcn.exchange/r/8bitcn/audio-settings): A simple 8-bit audio settings component. `npx shadcn@latest add https://shadcn.exchange/r/8bitcn/audio-settings.json`
- [Settings 2: notification preferences by @ballmac](https://shadcn.exchange/r/ballmac/settings-2): Notification settings that save as you go: digest frequency as radio cards, a grid of switches for each event and channel (cards on phones), and quiet hours with times and weekdays. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/settings-2.json`
- [Settings 4: integrations directory by @ballmac](https://shadcn.exchange/r/ballmac/settings-4): An integrations page: search, category filters, connected ones first, Connect with progress and the reason when it fails, Manage, Disconnect after a confirmation, coming-soon entries and a request link. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/settings-4.json`
- [Settings 5: audit log by @ballmac](https://shadcn.exchange/r/ballmac/settings-5): An audit log of who changed what, by people, AI agents, API keys and the system: grouped by day, filtered by who, area and time, searched, each event opening to its IP, a before-and-after diff and raw details, exported as CSV. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/settings-5.json`
- [Settings 1: profile and account by @ballmac](https://shadcn.exchange/r/ballmac/settings-1): An account settings page: profile with username availability, sign-in details with a change-password dialog, language, time zone and appearance, a type-to-confirm delete, and a sticky save bar that appears only when something changed. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/settings-1.json`
- [Settings Device by @esuiss](https://shadcn.exchange/r/esuiss/settings-device): A phone-style Settings screen with a search field, an account row, and grouped rows with switches. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/settings-device.json`
- [Settings Notifications by @esuiss](https://shadcn.exchange/r/esuiss/settings-notifications): Per-app notification settings with a live lock screen preview that reflects each choice. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/settings-notifications.json`
- [Settings Account by @esuiss](https://shadcn.exchange/r/esuiss/settings-account): An account settings page with a profile sidebar and a Sign-In and Security section of editable cards. `npx shadcn@latest add https://shadcn.exchange/r/esuiss/settings-account.json`
- [Invoice History Table by @beste-ui](https://shadcn.exchange/r/beste-ui/settings64): Billing history table displaying invoices with date, description, amount, payment status badges, and download buttons. Perfect for account billing pages and payment management dashboards. `npx shadcn@latest add https://shadcn.exchange/r/beste-ui/settings64.json`
- [Settings Dialog by @amarjay-ui](https://shadcn.exchange/r/amarjay-ui/settings-dialog): A settings dialog with sidebar navigation and focused controls. `npx shadcn@latest add https://shadcn.exchange/r/amarjay-ui/settings-dialog.json`
- [Settings Profile 1 - Basic Profile Form by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-profile1): A compact profile settings card with avatar upload, name, username, email, and bio fields. `npx shadcn@latest add https://shadcn.exchange/r/shadcnblocks/settings-profile1.json`
- [Settings Page by @corr](https://shadcn.exchange/r/corr/settings-page): A responsive settings page block with profile, notification, and security sections. `npx shadcn@latest add https://shadcn.exchange/r/corr/settings-page.json`
- [Settings by @corsair-ui](https://shadcn.exchange/r/corsair-ui/settings): An account settings page with tabs for a profile form, a password change and delete-account dialog, and notification switches. `npx shadcn@latest add https://shadcn.exchange/r/corsair-ui/settings.json`
- [Settings Save Bar by @sureui](https://shadcn.exchange/r/sureui/settings-save-bar-01): A team settings form where any edit brings up a save bar. Discard asks for a second click, and leaving the page with unsaved changes asks whether to save, discard or keep editing. `npx shadcn@latest add https://shadcn.exchange/r/sureui/settings-save-bar-01.json`
- [Settings Toggle Flow by @framecn](https://shadcn.exchange/r/framecn/settings-toggle-flow): Timeline-driven settings toggle flow. `npx shadcn@latest add https://shadcn.exchange/r/framecn/settings-toggle-flow.json`
- [Settings form by @quill](https://shadcn.exchange/r/quill/settings): A profile settings card — name fields, a bio textarea, and an email-notification toggle. `npx shadcn@latest add https://shadcn.exchange/r/quill/settings.json`
- [Settings page by @1st-pouf](https://shadcn.exchange/r/1st-pouf/settings): An example settings screen — tabbed sections of form controls. `npx shadcn@latest add https://shadcn.exchange/r/1st-pouf/settings.json`
- [Delete Account by @sureui](https://shadcn.exchange/r/sureui/delete-account-01): An account deletion screen with an export link first, a list of what gets deleted, and a form that unlocks after you type your email and check each acknowledgement. `npx shadcn@latest add https://shadcn.exchange/r/sureui/delete-account-01.json`
- [Tabs page by @quill](https://shadcn.exchange/r/quill/tabs-page): A tabbed settings page with account, notifications, and security panels. `npx shadcn@latest add https://shadcn.exchange/r/quill/tabs-page.json`
- [Team Members by @sureui](https://shadcn.exchange/r/sureui/team-members-01): A team members list whose row menu removes someone after a second click, and makes someone the owner after a dialog explains what changes. `npx shadcn@latest add https://shadcn.exchange/r/sureui/team-members-01.json`
- [Danger Zone by @sureui](https://shadcn.exchange/r/sureui/danger-zone-01): A project settings danger zone: pause deployments with an undo window, transfer the project in a dialog that shows what changes, and delete it in a dialog that asks for the project name. `npx shadcn@latest add https://shadcn.exchange/r/sureui/danger-zone-01.json`
- [API Keys by @sureui](https://shadcn.exchange/r/sureui/api-keys-01): A list of API keys with the last time each was used, hold to revoke, and a Create key dialog that shows the new secret once with a copy button. `npx shadcn@latest add https://shadcn.exchange/r/sureui/api-keys-01.json`

## Paid settings blocks

All 49 blocks, best first. Their registries sell these: each installs from its registry once bought.

- [App Settings by @blockforge](https://shadcn.exchange/r/blockforge/app-settings): Settings sections with real labels, switches and save state.
- [Subscription Plan Card by @beste-ui](https://shadcn.exchange/r/beste-ui/settings59): Subscription management card displaying current plan details, pricing, included features, renewal date, and status badges with actions to change or cancel. Perfect for SaaS billing dashboards and account settings.
- [Settings Integrations 5 - Toggle Switch Integration List by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations5): A compact integration settings panel with toggle switches for quick enable/disable of connected services.
- [Notification settings page with per-channel delivery modes and collapsible auto-follow toggles by @reui](https://shadcn.exchange/r/reui/settings-12): Notification preferences page: per-channel delivery-mode Selects for inbox, email, browser, and mobile, Slack, Zoom, and Google Meet connect rows, plus a collapsible auto-follow section. Uses ReUI Badge with shadcn Card, Select, Switch, Co…
- [Email Preferences With Live Volume by @beste-ui](https://shadcn.exchange/r/beste-ui/settings67): A subscription preference list where each list carries how often it sends, and the figure underneath recomputes the monthly email volume as boxes are ticked, down to a stated zero.
- [Settings Profile2a - Centered profile card with photo upload by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-profile2a): A settings profile layout with centered avatar upload, first and last name inputs, read-only email, and save button inside a bordered card.
- [General Settings Form with Per-Row Controls, Required and Pro Badges by @reui](https://shadcn.exchange/r/reui/settings-3): Stacked settings rows in a ReUI Frame, each pairing a labeled description with its own control: Input, prefixed URL InputGroup, Select, ToggleGroup, color swatches, Switch list, plus Required and Pro badges. Preferences, app config, accoun…
- [Workspace Preferences Panel by @beste-ui](https://shadcn.exchange/r/beste-ui/settings66): A settings panel with a section rail on the left and the chosen group on the right, laying out hairline preference rows with switches, a select for the group's default, and a save bar underneath.
- [Settings Members 2 - Members List with Avatars by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-members2): A vertical member list with avatars, role badges, dropdown actions, search input, and invite dialog with help link in subheading.
- [Integrations settings gallery, app cards in a grid with connect button and toggle switch by @reui](https://shadcn.exchange/r/reui/settings-13): Integrations settings page: responsive grid of app cards with brand logo, description, connect/disconnect button and a toggle switch. Connected apps marketplace, integration directory. ReUI Frame with shadcn Item, Button, Switch.
- [Invoice Detail View by @beste-ui](https://shadcn.exchange/r/beste-ui/settings65): Detailed invoice page with billing address, itemized line items table, subtotal, tax, total, and payment method info with print and download actions. Perfect for generating printable invoices and payment receipts.
- [Settings Integrations 6 - Integration Table with Actions by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations6): A table-based integration management view showing service status, sync times, and action buttons for settings and removal.
- [Workspace security settings in Frame cards mixing toggles, a timeout select, and plan-tier badges by @reui](https://shadcn.exchange/r/reui/settings-10): Security settings page grouping session policy, login methods, and access restrictions into ReUI Frame cards. Rows mix Switch toggles, a timeout Select, and plan-tier Badges (Basic, Business, Enterprise) on shadcn Item. For 2FA, SSO, acces…
- [Workspace Settings With Collapsible Groups by @beste-ui](https://shadcn.exchange/r/beste-ui/settings68): A settings page with the heading, save and discard buttons held in a sticky left column and three collapsible groups of rows on the right: text inputs, selects, a segmented choice, switches, a masked API key with copy, a warning note and a…
- [Settings Profile 4 - Full Page Profile Editor by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-profile4): A full-page profile editor with sidebar navigation, sectioned content, and sticky save bar.
- [Integrations settings list with brand-logo cards and connect or disconnect toggle buttons by @reui](https://shadcn.exchange/r/reui/settings-6): Connected apps settings page: per-integration cards with brand logo, name, and Connect/Disconnect button that reveals per-channel notification toggles. ReUI Frame plus shadcn Item, Button, Switch. App connections, integrations, webhooks.
- [Settings Profile 7 - Compact Inline Edit Profile by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-profile7): A compact profile card with inline editing - click to edit fields, save on enter or blur.
- [Role Permissions Settings Panel with Two-Column Switch Toggle Grid by @reui](https://shadcn.exchange/r/reui/settings-5): Role-based access settings: a two-column grid of outlined permission cards, each with title, description, and on/off Switch, under a header with a New Permission button. ReUI Frame, Badge; shadcn Item, Switch, Button. For roles, access con…
- [Settings Integrations 8 - Sidebar Category Navigation by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations8): A two-column integration browser with category sidebar navigation and scrollable list of integration items.
- [API integrations settings data grid with copyable keys, status switches, and pause-all toggle by @reui](https://shadcn.exchange/r/reui/settings-14): Sortable, paginated table of connected API integrations: brand logos, copy-to-clipboard API key badges, daily call counts, per-row enable switches, and a pause-all toggle. ReUI DataGrid, Frame, Badge; shadcn Switch. Connected apps, API key…
- [Settings Profile 6 - Profile Setup Wizard by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-profile6): A multi-step wizard for profile setup with progress indicator, back/next navigation, and review step.
- [Webhook endpoints settings list with per-endpoint delivery-health alerts and enable toggle by @reui](https://shadcn.exchange/r/reui/settings-8): Webhook developer settings managing endpoint routes with delivery-health tooltip alerts, status badges (Delivering, Retrying, Paused), enable Switch, copy URL, rotate-secret and remove actions. ReUI Frame, Badge; shadcn Item, Switch, Dropd…
- [Settings Integrations 7 - Integration Cards with Footer Actions by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations7): A full-page integration browser with search, card-based layout featuring category labels and connect buttons in card footers.
- [Import services settings step with selectable integration cards and a 2-pick limit by @reui](https://shadcn.exchange/r/reui/settings-1): Wizard step to import data from third-party services. Selectable integration cards with logo, status badge, and checkbox, capped at 2 picks via a toast, with back and next. ReUI Badge, Frame; shadcn Card, Checkbox, Button. Connect integrat…
- [Settings Integrations3a - Integration Grid with Status Badges by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations3a): A responsive integration settings grid displaying third-party service cards with connection status badges and hover interactions.
- [App connections settings page with integrations grouped into labeled sections and per-row status by @reui](https://shadcn.exchange/r/reui/settings-4): Connected apps settings: integration rows grouped into labeled sections, each with brand logo, Connected or Needs review status, and a per-row menu to sync, manage, or disconnect. ReUI Frame, Badge; shadcn Item, DropdownMenu, Button.
- [Settings Integrations 2 - Integration List with Status by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations2): A vertical integration list with app logos, descriptions, connected status badges, and help links in a two-column layout with sidebar CTAs.
- [Notification preferences settings with tabbed channel matrix table for Email, Slack, and In-app by @reui](https://shadcn.exchange/r/reui/settings-11): Notification settings grouping events under Projects, Messages, Reports, and System tabs, each a table with per-row Email/Slack/In-app checkboxes. Uses shadcn Tabs (line), Table, Checkbox. For alert preferences and channel opt-in.
- [Settings Profile1a - Profile form with avatar upload and preferences by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-profile1a): A settings profile section with avatar upload, name and email fields, timezone and week-start selectors, disclaimer banner, and save action.
- [Connected apps integration settings with per-row status badges and connect actions by @reui](https://shadcn.exchange/r/reui/settings-16): Connected apps panel listing integrations as rows with logo, name, status badge (Connected, Available, Preview), and Configure or Install action. Uses ReUI Frame, Badge, shadcn Item, Button. For integrations, connectors, app directory.
- [Settings Integrations 9 - Connected Integrations with Activity by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations9): A management view for active integrations showing connection status, who connected them, and recent activity with dropdown actions.
- [Privacy and preferences settings card with mixed-control rows, switches, buttons and Pro/Beta badges by @reui](https://shadcn.exchange/r/reui/settings-2): Privacy settings panel of icon rows whose action varies per setting: toggle switch, single button, or a paired Enable all / Disable all control, plus Pro and Beta tags. ReUI Frame, Badge; shadcn Switch, Button, Item. Account privacy, prefe…
- [Settings Integrations 1 - Integration Grid with Search by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations1): A searchable integration gallery with category filter popover, compact integration cards showing logos and categories, and filtered results display.
- [Workspace settings with grouped preference cards, toggles, badges, and a team avatar row by @reui](https://shadcn.exchange/r/reui/settings-15): Workspace preferences page grouping AI, publishing, collaboration, and notification settings into Frame cards with Switch toggles, status Badges, action Buttons, and an AvatarGroup team row.
- [Settings Members 1 - Members Table with Filters by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-members1): A team members table with search input, role filter popover, invite dialog, and status badges showing active and pending members.
- [Workspace Preferences Settings With Collapsible Sections of Select and Switch Rows by @reui](https://shadcn.exchange/r/reui/settings-9): Workspace settings page grouping preference rows into collapsible General and Display sections, each row mixing select dropdowns and switch toggles with status badges. ReUI Frame, Badge; shadcn Collapsible, Item, Select, Switch, Separator.
- [Settings Members 5 - Tabbed Members with Invites by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-members5): A tabbed interface separating active members from pending invitations, with online status indicators, last active times, and invite expiration tracking.
- [Account settings page with side-tab navigation for profile, security, notifications, and billing by @reui](https://shadcn.exchange/r/reui/settings-7): Tabbed account settings shell with a side tab rail. Profile with avatar upload, two-step verification, active sessions, delete account, and billing plans. ReUI Alert and Badge with shadcn Tabs, Card, Field, Input, Select, Switch, Item, Ava…
- [Settings Integrations 3 - Integration Cards Grid by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations3): A responsive grid of integration cards with large logos, descriptions, connected status badges, and hover arrow indicators for available connections.
- [Settings Notifications 3 - Grouped Categories with Switches by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-notifications3): A notification settings section with notifications organized into labeled categories, each in a bordered card with switch toggles.
- [Settings Notifications 4 - Two-Channel Matrix Table by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-notifications4): A notification settings table with Email and SMS checkbox columns for each notification type in a matrix layout.
- [Settings Profile 3 - Profile Settings with Cover Image by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-profile3): A multi-card profile settings layout with cover image upload, avatar, basic info, and regional preferences.
- [Settings Notifications 1 - Simple Checkbox List by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-notifications1): A minimal notification settings list with checkboxes for each notification type in a single vertical column.
- [Settings Members 4 - Members with Bulk Selection by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-members4): A compact member list with checkboxes for bulk selection, role count badges, pending status indicators, and bulk remove action button.
- [Settings Profile 5 - Profile with Live Preview by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-profile5): A two-column profile editor with live preview showing how changes appear to others in real-time.
- [Settings Profile 2 - Profile Form with Social Links by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-profile2): A comprehensive profile settings form with personal info, work details, and social media links organized in sections.
- [Settings Notifications 2 - Simple Switch List by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-notifications2): A minimal notification settings list with switch toggles for each notification type in a vertical stack.
- [Settings Integrations 4 - Tabbed Integration Categories by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-integrations4): A settings integrations panel with tabbed navigation to browse services by category, featuring connect/disconnect buttons and status badges.
- [Settings Members 3 - Member Cards Grid by @shadcnblocks](https://shadcn.exchange/r/shadcnblocks/settings-members3): A responsive card grid displaying team members with avatars, color-coded role badges, join dates, and dropdown action menus.

## Registries with the most settings blocks

- [@shadcnblocks](https://shadcn.exchange/r/shadcnblocks): 28 blocks, 1 free and 27 paid
- [@reui](https://shadcn.exchange/r/reui): 16 blocks, all paid
- [@beste-ui](https://shadcn.exchange/r/beste-ui): 6 blocks, 1 free and 5 paid
- [@ballmac](https://shadcn.exchange/r/ballmac): 5 blocks, all free
- [@sureui](https://shadcn.exchange/r/sureui): 5 blocks, all free
- [@7ovr](https://shadcn.exchange/r/7ovr): 4 blocks, all free
- [@esuiss](https://shadcn.exchange/r/esuiss): 3 blocks, all free
- [@hirael](https://shadcn.exchange/r/hirael): 2 blocks, all free
- [@quill](https://shadcn.exchange/r/quill): 2 blocks, all free
- [@1st-pouf](https://shadcn.exchange/r/1st-pouf): 1 block, free
- [@8bitcn](https://shadcn.exchange/r/8bitcn): 1 block, free
- [@amarjay-ui](https://shadcn.exchange/r/amarjay-ui): 1 block, free
- [@blockforge](https://shadcn.exchange/r/blockforge): 1 block, paid
- [@corr](https://shadcn.exchange/r/corr): 1 block, free
- [@corsair-ui](https://shadcn.exchange/r/corsair-ui): 1 block, free
- [@framecn](https://shadcn.exchange/r/framecn): 1 block, free
- [@shadcn-studio](https://shadcn.exchange/r/shadcn-studio): 1 block, free