Avatar

LiqAvatar is the iOS 26 circular profile mark. It accepts an optional photo, optional initials, and a size preset. When no photo is supplied it paints up to two initials over a deterministic iOS pastel; when both are missing it falls back to a neutral grey person glyph.

Initials

import 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget avatarInitialsBuilder(BuildContext context) {  return const SnippetFrame(    child: LiqAvatar(initials: 'JD'),  );}

Image

import 'dart:convert';import 'dart:typed_data';​import 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​final Uint8List _avatarBytes = base64Decode(  'iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAG0lEQVR42mP8z8Dwn4ECwESJ5lEDRgYGAFe7AhEOVoAbAAAAAElFTkSuQmCC',);​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget avatarImageBuilder(BuildContext context) {  return SnippetFrame(    child: LiqAvatar(image: MemoryImage(_avatarBytes), initials: 'AB'),  );}

Group

import 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget avatarGroupBuilder(BuildContext context) {  return const SnippetFrame(    child: LiqAvatarGroup(      avatars: <LiqAvatar>[        LiqAvatar(initials: 'JD'),        LiqAvatar(initials: 'AB'),        LiqAvatar(initials: 'KL'),        LiqAvatar(initials: 'MN'),        LiqAvatar(initials: 'OP'),      ],    ),  );}