React Team and Permissions Components
18 components, 1 free · React, TypeScript and Tailwind CSS, light and dark
The admin screens every multi-user SaaS needs and nobody enjoys building. List and filter members, change roles in bulk, approve or deny access requests, and review who still needs access.
The permissions matrix shows inherited permissions differently from direct grants, seat usage counts pending invites, and transfer ownership is deliberately harder to do by accident.
NewProEnv Variables
Environment variables per environment, write-only values, and a reminder to redeploy.
NewProNotification Preferences
What reaches you and where: a switch per notice and channel, and a pause with an end.
ProIntegration Picker
Search and connect app integrations.
ProIntegration Settings
Settings card for one connected integration.
ProApp Directory
Searchable directory of app integrations.
ProSetup Guide
Onboarding checklist for new accounts.
ProProfile Menu
Account menu behind the user avatar.
BlockProSettings Page
Settings page with sections, search and save bar.
FreeMember Card
Team member row with role and actions.
ProMembers Table
Team members table with search and bulk actions.
ProAccess Request Inbox
Approve or deny access requests.
ProRoles & Permissions Matrix
Roles and permissions matrix.
ProAccess Review
Periodic access review for team accounts.
ProSeat Usage & Limits
Seat usage meter with pending invites.
ProTeam Switcher
Workspace switcher showing your role in each.
ProTransfer Ownership
Safe transfer of workspace ownership.
ProActivity Feed
Live team activity feed grouped by day.
ProComment Thread
Comment thread with replies, mentions and resolve.
