annotated_slider 0.0.1 copy "annotated_slider: ^0.0.1" to clipboard
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. Slider Demo 1 Slider Demo 2 Slider Demo 3

Pub Version License Platform


πŸš€ 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
1
likes
70
points
42
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

A Flutter package for creating sliders with customizable markers, tick marks, and annotations.

Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter

More

Packages that depend on annotated_slider