annotated_slider 0.0.1
annotated_slider: ^0.0.1 copied to clipboard
A Flutter package for creating sliders with customizable markers, tick marks, and annotations.
annotated_slider #
A powerful and customizable Flutter slider widget that supports annotations, marker labels, custom marker shapes, and tick marks β ideal for building intuitive UI components where users need visual cues along a slider.

π Why Use annotated_slider? #
Flutterβs built-in slider is functional, but lacks customization for real-world UX needs like:
β
Marking meaningful thresholds (e.g., "Low", "Optimal", "High")
β
Positioning labeled markers on the track
β
Custom drawing of marker shapes (circles, icons, etc.)
β
Full control over theme, tick marks, overlay, and more
β¨ Features #
- π’ Define a list of marker labels with corresponding normalized positions.
- π― Create custom marker shapes by extending
AnnotatedSliderMarkerShape. - π¨ Full theming support via
AnnotatedSliderTheme. - π Add tick marks and adjust track/overlay/indicator shapes.
- π‘ Easy integration with existing forms, filters, and control panels.
π¦ Installation #
Add to your pubspec.yaml:
dependencies:
annotated_slider: ^0.0.1