ROADMAP.md

Dioxus Motion - Simple Animation Roadmap If i dont get bored?

Dioxus Motion - Implementation Progress

Phase 1: Core Animation Primitives

Animate Component

• Basic value transitions

  // Already implemented via:
  Motion::new(0.0)
      .to(100.0)
      .duration(Duration::from_millis(300))

• Duration control
• Easing functions
• Common animation properties
  • x, y (transform)
  • scale
  • rotate
  • opacity

Basic Transitions

• Duration (implemented via duration())
• Easing functions (implemented via easing())
• Animation completion callbacks
• Delay
• Spring animations

Phase 2: Animation State & Control

State Management

• Animation state tracking (Idle, Running, Completed)
• Progress tracking
• Running state detection

Controls

• Start animation -> Will always start from the initial value
• Stop -> Will stop on the stopped value
• Resume -> Will continue from the stopped value
• Reset animation -> Will reset back to initial value

Current Implementation Strengths

• ✅ Solid foundation for value animations
• ✅ Cross-platform support (Web/Desktop)
• ✅ Clean API design
• ✅ Good state management
• ✅ Performance consideration (frame rate control)

Success Goals

• Simple, intuitive API
• Smooth animations
• Small bundle size
• Easy to understand documentation
• Basic but powerful feature set