liqkit_ui
Decoration

Widgets

LiqWidgetCard renders an iOS 26 home-screen widget card: a 14pt rounded surface with a radial-highlighted blue gradient and an optional bottom-left caption. The size parameter controls the aspect ratio.

SizeAspect ratioUse case
small1:1Single-cell square widget
medium2:1Two-cell wide widget
large~1:1.045Two-cell tall widget
extraLarge2.1:1iPad extra-wide widget

Small

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

Medium

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

Large

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

Extra Large

// ignore_for_file: file_names // hyphenated name required by snippet manifest conventionimport '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 widgetExtraLargeBuilder(BuildContext context) {  return const SnippetFrame(    child: LiqWidgetCard(size: LiqWidgetSize.extraLarge, caption: 'Photos'),  );}

Apple Style

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

Chart

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

Live Activity

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

Mini Grid

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

Interactive

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

Stack

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