Flutter 3.x+Linear • Radial • SweepBoxDecoration Export

Flutter Gradient Builder

Design rich Flutter gradients visually with unlimited color stops, focal controls, and copy-ready Dart code.

0%
100%
Flutter BoxDecoration Code
LinearGradient(
  begin: Alignment(-0.71, -0.71),
  end: Alignment(0.71, 0.71),
  colors: [
  const Color(0xFF6366F1),
  const Color(0xFFEC4899),
  ],
  stops: [
  0.00,
  1.00,
  ],
  tileMode: TileMode.clamp,
)
Use with BoxDecoration(gradient: ...) or ShaderMask
Flutter Generator Suite SwitcherView All Tools Suite →
🎨Shape Builder🌈Gradient Studio🌑Shadow Studio🫧Blob Generator🌊Wave Generator⚡SVG Converter