design_system library
Flutter UI Kit — Material 3 Design System
Import this single barrel to access all design tokens, themes, brand overrides, and pre-built widgets.
import 'package:flutter_ui_kit_theme/flutter_ui_kit_theme.dart';
MaterialApp(
theme: BrandATheme.light(),
darkTheme: BrandATheme.dark(),
themeMode: ThemeMode.system,
)
Classes
- AppBreakpoints
- Responsive breakpoint tokens.
- AppColors
- Primitive color palette — the raw ink values of the design system.
- AppColorSchemes
- Default ColorScheme instances for the design system (violet / Brand A identity).
- AppMotion
- Motion tokens — durations and easing curves aligned with Material 3.
- AppRadius
- Border radius tokens.
- AppScale
- Adaptive size tokens: phone defaults vs. tablet overrides.
- AppSpacing
- 8pt spacing system tokens.
- AppSurfaceOverrides
- Shared surface-stack overrides applied on top of any seed-generated ColorScheme.
- AppTypography
- Typography tokens — implements the Material 3 type scale.
- BaseTheme
- The single source of truth for all component theme configurations.
- BrandATheme
- Brand A theme — violet identity, default design system style.
- BrandBColorSchemes
- Color schemes for Brand B — an emerald / green identity.
- BrandBTheme
- Brand B theme — emerald identity with more rounded, approachable style.
- DarkTheme
- Default dark ThemeData built from AppColorSchemes.dark.
- DsBrandToggle
- A single-button brand toggle that flips between DsBrand.violet and DsBrand.emerald.
- DsButton
- A design-system button that wraps the M3 button family.
- DsCard
- A tappable card built on the design system's surface token system.
- DsSurface
- A container that adopts a ColorScheme surface level as its background.
- DsThemeBuilder
- Rebuilds its builder whenever the DsThemeController changes.
- DsThemeController
-
Persists ThemeMode and DsBrand across app restarts using
SharedPreferences. - DsThemeToggle
- A single-button theme toggle that cycles through Light → Dark → System.
- LightTheme
- Default light ThemeData built from AppColorSchemes.light.
Enums
- DsBrand
- Brand identity used by DsBrandToggle.
- DsButtonVariant
- Visual style variant for DsButton.
- SurfaceLevel
- Defines the elevation tier of an DsSurface container.