Roles and permissions

Free

Roles at a glance and a permission matrix of switches by group, with a locked owner role and a save button.

settings-11 · v1.0.1 · Settings block 11 of 11

npx shadcn@latest add @lib/settings-11

About this settings block

Roles and permissions is a free settings block for shadcn/ui. Roles at a glance and a permission matrix of switches by group, with a locked owner role and a save button. It's one React file built on the shadcn/ui Badge, Button components, uses only your theme tokens, and works in Next.js, Vite, React Router, TanStack Start and Astro.

What's inside

  • Interactive state, no wiring needed to try it
  • Light and dark mode from your theme
  • Responsive, from phone to desktop

What it installs

  • @lib/cell
  • @lib/page-header-01
  • @lib/permission-matrix-01
  • shadcn/ui: badge, button
  • npm: lucide-react

Versions

  • v1.0.1 Permission matrix: boxes centered, room for the roles on a phone
  • v1.0.0 Blocks for the pieces of a page, six parts fewer
Full changelog

More settings blocks

Account, profile, team, notification and security settings pages, built from shadcn/ui forms, switches and tabs.