Visual FX & Motion

Cinematic Transitions. Native Performance.

Fluxy 0.1.7 introduces a hardware-accelerated Visual FX Engine. We've moved animations from "Widget-wrapping" to "Attribute-chaining," enabling complex staged motion with almost zero code.

Motion Modifiers (.animate)

Standard Flutter animations require AnimationController, Tween, and AnimatedBuilder. In Fluxy, it's a single line.

Comparison

Standard Flutter (30+ lines)

AnimationController(vsync: this);
SlideTransition(
  position: animation,
  child: FadeTransition(
    opacity: animation,
    child: MyWidget(),
  ),
)

Fluxy DSL (1 line)

Fx.box()
  .animate(
    fade: 0.0, 
    slide: Offset(0, 20),
    duration: 500.ms
  )

Visual Filters (Blur & Grayscale)

Apply cinematic effects to any container without specialized clipping widgets.

Comparison

Standard Flutter

BackdropFilter(
  filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
  child: Container(color: Colors.white10),
)

Fluxy DSL

Fx.box()
  .bg(Colors.white10)
  .blur(10)
  .grayscale() // Optional desaturation

Staggered Lists (.stagger)

Creating a landing page with "entry reveal" animations usually requires manual delay math. Fluxy handles the indexing for you.

Fx.col().children([
  HeroSection(),
  FeaturesSection(),
  PriceCard(),
]).stagger(interval: 0.15) // Every item reveals 150ms after the previous

Common "Gotchas" & Solutions