flutter_responsive_plus library
flutter_responsive_plus v2.0 — The Complete Flutter Responsive Toolkit
Single import gives you everything:
CORE ResponsiveKit — root initialiser widget ResKit — global static namespace ResKitConfig — full configuration ResKitDesignConfig — per-breakpoint Figma canvases ResKitDesignSize — canvas size + 12 named presets ResKitBreakpoints — breakpoint thresholds + presets
PLATFORM ResKitPlatform — platform detection ResKitOS — OS enum
EXTENSIONS num / int / double — .w .h .r .sp .sw .sh .dp .pt BuildContext — context.w() context.isTablet context.responsiveBuilder()
TYPOGRAPHY ResKitTypography — responsive text styles (h1–h6, body, caption…) ResKitTextTheme — full Flutter TextTheme integration
SPACING ResKitSpacing — adaptive spacing tokens (xs–xxl) ResKitInsets — adaptive EdgeInsets presets
GRID ResKitGrid — 12-column responsive grid widget ResKitGridItem — grid item with span control ResKitFlexGrid — auto-flow flex-wrap grid
NAVIGATION ResKitNavScaffold — auto: BottomNav → Rail → Drawer ResKitNavDestination — destination model
IMAGES ResKitImage — breakpoint-aware asset switcher ResKitNetworkImage — breakpoint-aware network image
THEME ResKitThemeData — fully scaled ThemeData builder ResKitTheme — InheritedWidget for theme access
ACCESSIBILITY ResKitAccessibility — reducedMotion, highContrast, boldText…
WIDGETS ResponsiveBuilder — LayoutBuilder device-type switcher TriStateResponsiveBuilder AdaptiveBuilder — platform-based widget switcher WebContentWrapper — max-width web layout ResponsiveVisibility — conditional widget visibility ResKitMediaQuery — scoped MediaQuery override FluidText — viewport-interpolated text size ResKitRTLPadding — RTL-aware padding/margin
TESTING ResKitTestHelper — pump widget at any screen size ResKitTestSizes — common test size presets
UTILS ResKitUtils — grid math, aspect-fit, safe-area, debug
Classes
- AdaptiveBuilder
- AdaptiveBuilderFn
- FluidText
- A Text widget whose font size fluidly interpolates between minSp and maxSp as the screen width grows from mobile to desktop.
- ResKit
- Global responsive namespace. Call anywhere — no context needed.
- ResKitAccessibility
- Accessibility-aware helpers.
- ResKitBreakpoints
- Breakpoint thresholds used throughout the package. All values are logical pixel widths.
- ResKitConfig
- ResKitDecorationImage
- Breakpoint-aware background decoration image helper. Returns a DecorationImage for use inside BoxDecoration.
- ResKitDesignConfig
- Holds separate Figma canvases for every breakpoint.
- ResKitDesignSize
- Immutable Figma canvas dimensions.
- ResKitDirectionalGap
- RTL-aware SizedBox-based gap. Creates horizontal space that optionally flips in RTL.
- ResKitFlexGrid
-
Auto-flow grid: automatically fills rows with as many columns as fit,
given a minimum item width. Equivalent to CSS
grid-template-columns: repeat(auto-fill, minmax(minItemWidth, 1fr)). - ResKitGrid
- A 12-column responsive grid that mirrors Figma / Bootstrap / Material 3 grid behaviour.
- ResKitGridItem
- A single cell inside ResKitGrid.
- ResKitImage
- Breakpoint-aware local asset image. Shows the asset that matches the current screen size.
- ResKitInsets
- Ready-made EdgeInsets presets using the spacing token system.
- ResKitLayoutInfo
- ResKitMediaQuery
- Destination model for ResKitNavScaffold.
- Adaptive navigation scaffold that automatically switches between:
- ResKitNetworkImage
- Breakpoint-aware network image.
- ResKitPlatform
- ResKitRTLPadding
- RTL-aware padding that automatically flips start/end in RTL layouts.
- ResKitSpacing
- Adaptive spacing token system.
- ResKitTestHelper
- Testing helper that initialises ResKit with a specific screen size.
- ResKitTestSizes
- Common screen sizes for use in widget tests.
- ResKitTextTheme
- Builds a fully scaled Flutter TextTheme from the active Figma canvas.
- ResKitTheme
-
InheritedWidget exposing ResKitThemeData to the subtree.
Access via
ResKitTheme.of(context). - ResKitThemeData
- Builds a fully scaled ThemeData from the active Figma canvas. Every dimension — radii, icon sizes, dense settings, text sizes — is derived from ResKit scale factors.
- ResKitThemeExtension
- Custom theme extension with app-level design tokens.
- ResKitTypography
- Responsive typography scale.
- ResKitUtils
- ResponsiveBuilder
- ResponsiveKit
- Wrap your MaterialApp / CupertinoApp with this once. All ResKit values and extensions will work anywhere in the tree.
- ResponsiveVisibility
- TargetPlatformInfo
- TriStateResponsiveBuilder
- WebContentWrapper
Extensions
- ResKitContextExtension on BuildContext
- ResKitDoubleExtension on double
- ResKitEdgeInsetsExtension on EdgeInsets
- ResKitIntExtension on int
- ResKitNumExtension on num
- Extensions on num / int / double for concise Figma-to-device scaling.
- ResKitSizeExtension on Size