liqkit_ui
Status

Skeleton

LiqSkeleton is the iOS 26 shimmer placeholder used while async content loads. It animates a soft highlight sliding left-to-right across a tinted base, in a rectangle, circle, or text bar shape. LiqSkeletonText stacks multiple text bars into a paragraph-shaped block.

Rect

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 skeletonRectBuilder(BuildContext context) {  return const SnippetFrame(    child: Column(      mainAxisSize: MainAxisSize.min,      children: [        LiqSkeleton(width: double.infinity, height: 24),        SizedBox(height: 12),        FractionallySizedBox(          widthFactor: 0.78,          alignment: Alignment.centerLeft,          child: LiqSkeleton(width: double.infinity, height: 24),        ),      ],    ),  );}

Circle

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 skeletonCircleBuilder(BuildContext context) {  return const SnippetFrame(    child: Row(      mainAxisSize: MainAxisSize.min,      children: [        LiqSkeleton(shape: LiqSkeletonShape.circle, width: 40),        SizedBox(width: 12),        Expanded(child: LiqSkeletonText(lines: 2)),      ],    ),  );}

Text

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 skeletonTextBuilder(BuildContext context) {  return const SnippetFrame(    child: LiqSkeletonText(lines: 4),  );}

On this page