sizekit 1.0.0
sizekit: ^1.0.0 copied to clipboard
A lightweight, high-performance package for pixel-perfect responsive UI. Effortlessly scale Figma designs, typography, and layouts across Mobile, Tablet, and Desktop.
1.0.0 #
Added #
-
Initial release of SizeKit
-
Core Features:
SizeKitInheritedWidget for global configurationBreakpointsclass for customizable breakpoint definitions- Extension methods on
numtype:.w(context)- Scale width from Figma design.h(context)- Scale height from Figma design.sp(context)- Smart font size scaling (clamped 0.8x - 1.4x).r(context)- Border radius scaling (alias for.w()).sw(context)- Screen width percentage (0.0 - 1.0).sh(context)- Screen height percentage (0.0 - 1.0).vSpace- SizedBox with height.hSpace- SizedBox with width
- Padding extension methods:
.all- EdgeInsets.all().horizontal- EdgeInsets.symmetric(horizontal:).vertical- EdgeInsets.symmetric(vertical:).top,.bottom,.left,.right- EdgeInsets.only()
- BuildContext extensions:
context.screenWidth- Get screen widthcontext.screenHeight- Get screen heightcontext.isMobile- Check if mobile breakpointcontext.isTablet- Check if tablet breakpointcontext.isDesktop- Check if desktop breakpoint
ResponsiveLayoutwidget for breakpoint-based layout switching
-
Uses
MediaQuery.sizeOf(context)instead ofMediaQuery.of(context)to prevent unnecessary rebuilds -
InheritedWidget only rebuilds when design size or breakpoints change
-
Zero-cost extension method abstractions
-
Comprehensive README with usage examples
-
Detailed ARCHITECTURE.md documentation
-
Complete example app demonstrating all features
-
Inline code documentation
-
Minimal 4-file structure:
size_kit_widget.dart- InheritedWidget configurationextensions.dart- Extension methodsresponsive_layout.dart- Layout buildersizekit.dart- Main export file