DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.2K

Shadcn Components in the Settings 5 Block

  • BadgeReUI
  • Button
  • FrameReUI
  • Item
  • Switch

Shadcn Settings 5 Block

Role Permissions Settings Panel with Two-Column Switch Toggle Grid. Part of the ReUI Shadcn Application Settings blocks collection.

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 control, RBAC.

It is composed from Badge, Button, Frame, Item, Switch, so every part of it is a primitive you can restyle with your own design tokens.

What You Can Build With the Settings 5 Block

  • Install it with the ReUI registry command in the toolbar above, then swap the placeholder content, data wiring, and business logic for your own.
  • Compare it across all eight ReUI styles and both the Base UI and Radix bases in the customizer before committing to one direction.
  • Combine it with the other Shadcn Application Settings blocks to assemble a full screen instead of a single section.

All Shadcn Application Settings Blocks

The rest of this category, each on its own page with a live preview, the components it is built from, and the install command.

  • Settings 1 Import services settings step with selectable integration cards and a 2-pick limit
  • Settings 2 Privacy and preferences settings card with mixed-control rows, switches, buttons and Pro/Beta badges
  • Settings 3 General Settings Form with Per-Row Controls, Required and Pro Badges
  • Settings 4 App connections settings page with integrations grouped into labeled sections and per-row status
  • Settings 6 Integrations settings list with brand-logo cards and connect or disconnect toggle buttons
  • Settings 7 Account settings page with side-tab navigation for profile, security, notifications, and billing
  • Settings 8 Webhook endpoints settings list with per-endpoint delivery-health alerts and enable toggle
  • Settings 9 Workspace Preferences Settings With Collapsible Sections of Select and Switch Rows
  • Settings 10 Workspace security settings in Frame cards mixing toggles, a timeout select, and plan-tier badges
  • Settings 11 Notification preferences settings with tabbed channel matrix table for Email, Slack, and In-app
  • Settings 12 Notification settings page with per-channel delivery modes and collapsible auto-follow toggles
  • Settings 13 Integrations settings gallery, app cards in a grid with connect button and toggle switch
  • Settings 14 API integrations settings data grid with copyable keys, status switches, and pause-all toggle
  • Settings 15 Workspace settings with grouped preference cards, toggles, badges, and a team avatar row
  • Settings 16 Connected apps integration settings with per-row status badges and connect actions

Related Shadcn Application Block Categories

  • App Shell (20) App shell layouts with sidebar navigation for dashboards, settings panels, and multi-page apps.
  • Auth (20) Login, register, forgot password, and two-factor authentication page layouts.
  • Card (43) Card components for content display, data summaries, and interactive elements.
  • Chart (30) Chart components and layouts with bar, line, pie, and area charts for data storytelling.
  • Dashboard (8) Dashboard components and layouts that combine stats, charts, and tables into a complete overview screen.
  • Dialog (14) Dialog components for modal windows, alerts, confirmations, and content overlays.

All Shadcn Block Groups

Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.

  • Shadcn Application Blocks (287) Browse 287 Shadcn Application blocks across 21 categories.
  • Shadcn Data Grid Blocks (30) Browse 30 Shadcn Data Grid blocks across 8 categories.
  • Shadcn Solutions Blocks (64) Browse 64 Shadcn Solutions blocks across 8 categories.
  • Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 12 categories.
  • Shadcn Marketing Blocks (24) Browse 24 Shadcn Marketing blocks across 4 categories.

Frequently Asked Questions

PreviousSettings 4NextSettings 6

Application

  • App Shell
  • Auth
  • Card
  • Chart
  • Dashboard
  • Dialog
  • Empty State
  • Event CalendarNew event calendar block added
  • Form
  • GanttNew gantt block added
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Wizard

Solutions

  • Agents
  • AI Ops
  • Analytics
  • Billing
  • Bookings
  • CRM
  • Inventory
  • Users

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist

Data Grid

  • Base
  • Columns
  • Drag & Drop
  • EditingNew editable Data Grid block added
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Marketing

  • Blog
  • Contact
  • CTA
  • FAQ

Resources

  • Components
  • Blocks
  • Docs
  • Support
  • Pricing
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026ReUI · All rights reserved

3.2K
  1. Blocks
  2. Application
  3. Settings
  4. Settings 5

Shadcn 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 control, RBAC.

Categories
  • Settings 1
  • Settings 2
  • Settings 3
  • Settings 4
  • Settings 5
  • Settings 6
  • Settings 7
  • Settings 8
  • Settings 9
  • Settings 10
  • Settings 11
  • Settings 12
  • Settings 13
  • Settings 14
  • Settings 15
  • Settings 16