๐ŸŒ€ Curve Slider

A customizable and interactive curved slider widget for Flutter, designed with a smooth arc UI, tick marks, and thumb image support. Great for selecting values like currency, volume, or progress with a unique look.

๐Ÿš€ Features

  • ๐ŸŽฏ Adjustable min, max, and initialValue
  • ๐Ÿงฎ Curved slider path using quadratic Bรฉzier
  • ๐Ÿ–ผ๏ธ Custom thumb image
  • ๐Ÿ”Š Optional tick sound on change
  • ๐ŸŽจ Fully themeable and responsive
  • ๐Ÿ”„ onChanged callback to return slider value on drag/text input

Getting started

TODO: List prerequisites and provide or point to information on how to start using the package.

๐Ÿ“ฆ Installation

Add this to your pubspec.yaml:

dependencies:
  curve_slider: ^1.0.0

๐Ÿ’ก Example

Here's a minimal example of how to use the CurveSlider widget:

CurveSliderView(
          initialValue: 0.002,
          min: 0.001,
          max: 0.005,
          curvature: 120,
          totalTicks: 40,
          thumbImage: 'assets/images/fingerprint.png',
          tickSound: 'sounds/tick.mp3',
          onChanged: (value) {
            debugPrint("on change: $value");
          },
        )