> ## Documentation Index
> Fetch the complete documentation index at: https://docs.superblocks.com/llms.txt
> Use this file to discover all available pages before exploring further.

# About user groups

> Organize users into groups to streamline the management of permissions and access across your organization

export const CardGrid = ({cards}) => {
  if (!cards || !Array.isArray(cards)) {
    return null;
  }
  return <div className="card-grid">
      {cards.map((card, index) => {
    const hasDescription = card.description;
    const hasImage = card.image;
    const isImageOnly = hasImage && !hasDescription;
    return <a key={index} href={card.href} className={`card-grid-item ${isImageOnly ? 'card-grid-item-centered' : ''}`}>
            {card.image && <img src={card.image} alt={card.title} className="card-grid-image" />}
            <h3 className="card-grid-title">{card.title}</h3>
            {card.description && <p className="card-grid-description">{card.description}</p>}
          </a>;
  })}
    </div>;
};

With user groups, you can easily:

* Grant users different levels of access to Superblocks by assigning organization roles to groups.
* Manage resource access at scale by assigning resource-level permissions to groups.
* Customize your app's user experience and security by creating in-app authorization checks on pages, APIs, and components.

<CardGrid
  cards={[
{
  title: "Managing groups",
  description: "Create and manage user groups and group members",
  href: "/admin/org-administration/groups/managing-groups"
},
{
  title: "Managing group permissions",
  description: "Assign roles and permissions to groups",
  href: "/admin/org-administration/groups/managing-group-permissions"
}
]}
/>