m3e_collection

Single import that re-exports all M3E component packages plus m3e_design.

The packages material_new_shapes by ulims and expressive_refresh by alvaronp are reexported to complete the collection.

Packages in this collection

  • m3e_design — Material 3 Expressive design language for Flutter (tokens, ThemeExtension, motion).
  • app_bar_m3e — Expressive App Bar (Material 3 Expressive) with small/medium/large variants and Sliver integration.
  • button_m3e — Material 3 Expressive Buttons for Flutter with 5 styles, 5 sizes, round/square shapes, and toggle selection.
  • button_group_m3e — Wrapper-only Button Group for Material 3 Expressive (layout, shape, size propagation).
  • fab_m3e — Material 3 Expressive Floating Action Button (FAB), Extended FAB, and FAB Menu for Flutter using M3E tokens.
  • icon_button_m3e — Material 3 Expressive IconButton with sizes, variants, shapes, toggle, and accessible hit targets.
  • loading_indicator_m3e — Material 3 Expressive Loading Indicator (morphing polygons) for Flutter, with Default and Contained variants.
  • progress_indicator_m3e — Material 3 Expressive progress indicators.
  • navigation_bar_m3e — Material 3 Expressive Navigation Bar for Flutter with token-driven colors, shapes, and badges.
  • navigation_rail_m3e — Material 3 Expressive navigation rail (collapsed & expanded) with modal/standard modes, badges, sections, and m3e_design token integration.
  • slider_m3e — Material 3 Expressive Sliders (single & range) for Flutter, powered by M3E tokens.
  • split_button_m3e — Material 3 Expressive Split Button with sizes, variants, shapes, a11y, and menu.
  • toolbar_m3e — Material 3 Expressive Toolbars for Flutter with token-driven colors, shapes, density, and overflow handling.

External re-exports

  • material_new_shapes — Extra Material shapes (e.g., RoundedPolygon) used by M3E components. Author: ulims.
  • expressive_refresh — Expressive pull-to-refresh component. Author: alvaronp.

Explore the components in the M3E Gallery (GitHub Pages):

https://

To run the Gallery locally:

cd apps/gallery
flutter run -d chrome

Last updated: 2025-10-23

Detailed Guide

What this package provides

A convenience package that re-exports all Material 3 Expressive components and design tokens so you can depend on one package and import everything you need.

Installation

  • Monorepo (local path): already configured in this repo.
  • Pub (when published):
dependencies:
  m3e_collection: ^0.1.0

Minimum SDK: Dart >=3.5.0.

Dependencies (via this collection)

  • m3e_design, icon_button_m3e, split_button_m3e, button_group_m3e, app_bar_m3e, button_m3e, fab_m3e, loading_indicator_m3e, progress_indicator_m3e, navigation_bar_m3e, navigation_rail_m3e, slider_m3e, toolbar_m3e.

Quick start

import 'package:m3e_collection/m3e_collection.dart';

// Use any M3E widget, e.g. a filled button
ButtonM3E.filled(label: const Text('Continue'), onPressed: () {})

Notes

  • Keep versions of individual packages aligned; this collection pins compatible versions.

Libraries

m3e_collection