atomix_design_flutter 0.1.0
atomix_design_flutter: ^0.1.0 copied to clipboard
A modern, scalable Flutter Design System built with Atomic Design principles and Material Design 3. Includes comprehensive theming, reusable components, and Widgetbook documentation.
0.1.0 - 2026-01-18 #
Added #
Foundation
- Design token system with
AtomixColors,AtomixSpacing,AtomixRadius,AtomixElevation, andAtomixTypography - Light and dark theme support with
AtomixTheme - Material Design 3 integration
- Comprehensive color palette with semantic colors
- 4px-based spacing scale
- Border radius values with convenient shortcuts
- Material elevation scale
- Complete text style system
Atoms
AtomixText- Text component with typography systemAtomixIcon- Icon component with consistent stylingAtomixDivider- Visual separator componentAtomixSpacer- Spacing helper with token shortcutsAtomixBadge- Status badges with 5 variants (neutral, success, warning, error, info)
Molecules
AtomixButton- Button component with 3 variants (primary, secondary, tertiary), 3 sizes, and multiple statesAtomixTextField- Text input component with validation support, icons, and helper textAtomixChip- Chip component with selection states and optional iconsAtomixListTile- List item component with leading/trailing elements
Organisms
AtomixAppBar- Application bar with customizable title, leading icon, and actionsAtomixCard- Card component with 3 variants (filled, outlined, elevated)AtomixDialog- Modal dialog component with title, content, and actionsAtomixBottomSheet- Bottom sheet component with drag handle and flexible content
Documentation & Testing
- Complete DartDoc documentation for all public APIs
- Comprehensive test coverage for core components
- Example implementations for all components
Features #
- Atomic Design architecture for scalability
- Consistent design language across all components
- Full accessibility support through Material Design 3
- Type-safe component APIs
- Customizable theming system