An Expressive Styling
System for Flutter
Effortlessly style your widgets and build design systems.
Expressive by design, precise by nature.
Mix uses Dart's type system to make styles composable and type-safe. Chain methods to build styles, compose them with variants, and let the framework handle the rest.
Intuitive styling
Define size, color, and shape in a single fluent chain. Each method returns a new style — readable, composable, and type-safe.
See the styling guideContext-reactive variants
Declare hover behavior inline — color, scale, and shadow all react to state without conditional logic.
Explore variantsPowerful animations
Define keyframe timelines with multiple property tracks directly inside styles. No external animation controllers needed.
Animation docsOne toolkit for styling, components and behavior.
Each project keeps its own documentation. Search and navigation span all three.
Mix
Styling system for Flutter: utility-first styles, tokens, variants, and animation.
Remix
Flutter components built on Mix and Naked UI, with the Fortal design system.
Naked UI
Headless Flutter widgets: behavior, semantics, and interaction state without styling.
Add Mix to your project.
flutter pub add mix