liqkit_ui
Status

Progress

Two widgets cover the iOS 26 progress indicator patterns:

  • LiqProgressBar — a 4pt tall determinate horizontal track filled with an accent-blue fill. Pass value in [0, 1] to set the fill amount.
  • LiqSpinner — an indeterminate 30pt radial activity indicator (900ms loop). Use size: LiqSpinnerSize.small for the 22pt compact variant.

Linear

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget progressLinearBuilder(BuildContext context) {  return const SnippetFrame(child: ProgressLinearExample());}

Spinner

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 progressSpinnerBuilder(BuildContext context) {  return const SnippetFrame(maxWidth: 30, child: LiqSpinner());}

Circular

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget progressCircularBuilder(BuildContext context) {  return const SnippetFrame(child: ProgressCircularExample());}

Activity Indicators

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget progressActivityIndicatorsBuilder(BuildContext context) {  return const SnippetFrame(child: ProgressActivityIndicatorsExample());}

Custom Colored Circular

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget progressCustomColoredCircularBuilder(BuildContext context) {  return const SnippetFrame(child: ProgressCustomColoredCircularExample());}

Loading Overlay

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget progressLoadingOverlayBuilder(BuildContext context) {  return const SnippetFrame(child: ProgressLoadingOverlayExample());}

Cards

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget progressCardsBuilder(BuildContext context) {  return const SnippetFrame(child: ProgressCardsExample());}

Skeleton Loaders

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';Widget progressSkeletonLoadersBuilder(BuildContext context) {  return const SnippetFrame(child: ProgressSkeletonLoadersExample());}