Generated Support Matrix

Auto-generated runtime support for variants, utility prefixes, and exact tokens.

This matrix is generated from Flutterwind runtime parser support lists.

Generation command:

flutter pub run flutterwind_core matrix --out doc/generated_support_matrix.md

Supported variants

dark, light, hover, focus, focus-visible, active, input-hover, input-focus, input-focus-visible, input-active, group-hover, group-focus, group-active, peer-hover, peer-focus, peer-active, peer-disabled, disabled, input-disabled

Supported utility prefixes (high-level)

Includes prefixes such as:

  • Typography: font-, text-, tracking-, leading-
  • Spacing: p-, m-, gap-, space-x-, space-y-
  • Layout: flex, grid, justify-, items-, content-, basis-
  • Sizing: w-, h-, size-, aspect-, overflow-
  • Effects/transforms: shadow, blur-, backdrop-blur-, brightness-, contrast-, scale-, rotate-, translate-, skew-, origin-
  • Interactions/perf/accessibility: focus-order-, lazy-load, cache, memory-optimize, widget-recycle, debounce-, throttle-
  • Presets: btn-, card-, and border

Supported exact utility tokens

Examples include:

  • Text and direction: uppercase, lowercase, capitalize, underline, line-through, rtl, ltr
  • Accessibility/focus: aria-live, focus-first, focus-last, outline, outline-none
  • Component presets: btn, card, card-header, card-body, group, peer, input-filled

Default responsive breakpoints

BreakpointMin width
sm640px
md768px
lg1024px
xl1280px
2xl1536px