Skip to content
Acme
Components

A library of 34 primitives, composed for real product interfaces.

Base UI-backed components with consistent tokens, accessible states, and restrained interaction details.

Status, Nav & Data23 / 34

Avatar

User and entity identity with initials, images, sizes, and shapes.

Avatar

Identity for people and agents. Pass name for initials (max two letters), or src for an image with initials as fallback.

  • Initials

    name
    SC

Scale

Five sizes from compact table cells to profile headers.

  • xs

    size="xs"
    A

  • sm

    size="sm"
    A

  • md

    size="md"
    A

  • lg

    size="lg"
    A

  • xl

    size="xl"
    A

Shapes

Circle for people, rounded for agents, square for integrations.

  • circle

    shape="circle"
    AR

  • rounded

    shape="rounded"
    AR

  • square

    shape="square"
    AR

In context

Overlapping stack in conversation lists and assignee pickers.

  • Stack

    JDAM+4