liqkit_ui
The iOS 26 Liquid Glass design system for Flutter. 76 components, every one with goldens, live previews, and interactive code snippets.
MIT licensed · pure Dart pub workspace under Melos
76 components
Every primitive forui and shadcn/ui ship — accordion, dialog, tabs, toast, breadcrumb, command palette, tree view, kanban — plus 37 iOS-26-specific surfaces (face ID, status bars, app icons, materials, bezels, keyboards) with no equivalent elsewhere.
Liquid Glass throughout
Every glass-bearing surface routes through a single `LiqGlassSurface` primitive — proper backdrop blur, hairline rim, vibrancy highlight. Animations centralise in `LiqMotion`; typography auto-switches between SF Pro Text and SF Pro Display per Apple’s 20pt rule.
Pure Dart, golden-tested
Canonical tokens captured from Figma into typed Dart classes. Every widget has goldens asserting exact pixel dimensions. Steady-state dependencies are Dart-only — no JS toolchain.
Live previews + interactive snippets
Each docs page iframes a Flutter Web app rendering the actual widget. Snippets are extracted with `// {@highlight}` markers so you copy exactly what runs in the preview.
What’s in the box
76 components across six build phases. Every category linked from the sidebar.
| Phase | Count | Sample |
|---|---|---|
| iOS chrome | 37 | Face ID, status bar, bezel, app icon, keyboard, material |
| Foundation | 16 | Accordion, dialog, drawer, tabs, toast, tooltip, badge, card |
| Form/input | 6 | Calendar, time picker, OTP, number field, combobox, chip |
| Advanced | 5 | Command palette, carousel, hover card, resizable, data table |
| Phase 5 | 5 | Tree view, rich editor, line chart, bar chart, kanban |
| Parity gaps | 7 | Collapsible, toggle group, scroll area, bottom nav, date picker field, time field, textarea |
| Total | 76 |
Ready to build?
Add liqkit_ui to your pubspec.yaml and import a single barrel.
dependencies: liqkit_ui: any