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:
- Proof of practical fit. A button looks great in isolation; what
matters is whether
LiqAppBar+LiqCard+LiqBottomNavBar+LiqGlassSurfaceactually compose cleanly when you string them together into a multi-screen app. - Copy-paste starting points. Each sample lays down the
conventional architecture for that vertical (Riverpod state,
LiqPageRoutenavigation,LiqDemoSplitLayoutfor 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
| Demo | Focus | Components emphasized |
|---|---|---|
| E-commerce | Storefront + cart + checkout | LiqCard, LiqDropdownButton, LiqStepper, LiqAlert |
| Social | Feed + profile + create-post | LiqAvatar, LiqChip, LiqContextMenu, LiqFloatingActionButton |
| News | Article reader + bookmarks + search | LiqSliverAppBar, LiqCarousel, LiqFlexibleSpaceBar |
| Travel | Destination browse + booking | LiqAppBar, LiqCard, LiqDatePickerField, LiqSheet |
| Wallet | Cards + transactions + transfers | LiqGlassSurface, 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 runOpen the Demos section from the home screen and pick any of the five.