๐ŸŒ€ 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, initialValue, and totalTicks
  • ๐Ÿงฎ Curved path using quadratic Bรฉzier curves
  • ๐Ÿ–ผ๏ธ Support for custom thumb image
  • ๐Ÿ”Š Tick sound on value change (optional)
  • ๐ŸŒˆ Fully themeable & responsive layout
  • ๐Ÿ“‰ Optional text field for value input
  • ๐Ÿ”„ Real-time onChanged callback
  • ๐Ÿค Haptic feedback support (via HapticFeedback.selectionClick())

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: ^0.0.4

๐Ÿ’ก 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");
          },
        )

๐Ÿ›  Maintainers

Built and maintained by Harshit Rajput