ArcaneAvatar

Use avatars and avatar groups for people, teams, account identity, and compact ownership signals.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: avatar

Preview + Code

AB

CD

EF

Code

ArcaneAvatarGroup.toRight(
  avatars: const [
    ArcaneAvatar(initials: 'AB'),
    ArcaneAvatar(initials: 'CD'),
    ArcaneAvatar(initials: 'EF'),
  ],
)

ArcaneAvatar#

Use avatars and avatar groups for people, teams, account identity, and compact ownership signals.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/view/avatar.dart

See the Component Catalog for the full exported surface and source mapping.

ArcaneAvatar

Use avatars and avatar groups for people, teams, account identity, and compact ownership signals.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: avatar

Preview + Code

AB

CD

EF

Code

ArcaneAvatarGroup.toRight(
  avatars: const [
    ArcaneAvatar(initials: 'AB'),
    ArcaneAvatar(initials: 'CD'),
    ArcaneAvatar(initials: 'EF'),
  ],
)

ArcaneAvatar#

Use avatars and avatar groups for people, teams, account identity, and compact ownership signals.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/view/avatar.dart

See the Component Catalog for the full exported surface and source mapping.

ArcaneAvatar

Use avatars and avatar groups for people, teams, account identity, and compact ownership signals.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: avatar

Preview + Code

AB

CD

EF

Code

ArcaneAvatarGroup.toRight(
  avatars: const [
    ArcaneAvatar(initials: 'AB'),
    ArcaneAvatar(initials: 'CD'),
    ArcaneAvatar(initials: 'EF'),
  ],
)

ArcaneAvatar#

Use avatars and avatar groups for people, teams, account identity, and compact ownership signals.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/view/avatar.dart

See the Component Catalog for the full exported surface and source mapping.