liqkit_ui
Sample apps

Sample apps

The reference app at apps/showcase_app/ ships five complete sample apps alongside the per-component demos — each one a small but realistic product built end-to-end on liqkit_ui primitives.

These exist for two reasons:

  1. Proof of practical fit. A button looks great in isolation; what matters is whether LiqAppBar + LiqCard + LiqBottomNavBar + LiqGlassSurface actually compose cleanly when you string them together into a multi-screen app.
  2. Copy-paste starting points. Each sample lays down the conventional architecture for that vertical (Riverpod state, LiqPageRoute navigation, LiqDemoSplitLayout for tablet), so you can fork the relevant demo as a skeleton.

Complete showcase

Every screen and demo from the App Store-shipped showcase, rendered in one scroll inside an iframe so you can see how the components compose end-to-end:

The five demos

DemoFocusComponents emphasized
E-commerceStorefront + cart + checkoutLiqCard, LiqDropdownButton, LiqStepper, LiqAlert
SocialFeed + profile + create-postLiqAvatar, LiqChip, LiqContextMenu, LiqFloatingActionButton
NewsArticle reader + bookmarks + searchLiqSliverAppBar, LiqCarousel, LiqFlexibleSpaceBar
TravelDestination browse + bookingLiqAppBar, LiqCard, LiqDatePickerField, LiqSheet
WalletCards + transactions + transfersLiqGlassSurface, LiqList, LiqTextField, LiqAlert

How to run them

The demos are wired into the showcase app's home screen — install the live app or pull the repo:

git clone https://github.com/ahmedomar365/liqkit_ui
cd liqkit_ui/apps/showcase_app
flutter run

Open the Demos section from the home screen and pick any of the five.