W8ly - Flutter Weight Picker

A beautiful, smooth, and highly customizable horizontal weight picker for Flutter apps.

W8ly helps developers easily add an interactive weight selector UI for fitness apps, BMI calculators, health trackers, gym apps, onboarding flows, and medical applications.

✨ Features

Smooth horizontal scrolling
Customizable indicator
Responsive UI
Custom colors and text styles
Lightweight and easy to use
Supports kg, lbs, or custom units

📸 Preview

🎥 Demo Video

Watch Demo Video

🚀 Getting Started

Add this to your pubspec.yaml:

dependencies:
  w8ly: ^0.0.4

Run:

flutter pub get

📦 Usage

import 'package:w8ly/w8ly.dart';

W8lyWeightPicker(
  initialWeight: 70,
  minWeight: 1,
  maxWeight: 200,
  unit: "kg",
  activeColor: Colors.blue,
  inactiveColor: Colors.grey,
  onChanged: (value) {
    debugPrint(value.toString());
  },
)

⚙️ Parameters

Parameter	Description
`initialWeight`	Initial selected weight
`minWeight`	Minimum weight
`maxWeight`	Maximum weight
`unit`	Weight unit
`activeColor`	Active tick color
`inactiveColor`	Inactive tick color
`indicator`	Custom indicator widget
`onChanged`	Callback when value changes

📁 Example

Check the /example folder for a complete example app.

🛠 Roadmap

Add snapping effect
Add haptic feedback
Add animations
Add controller support

🤝 Contributing

Contributions are welcome.

Feel free to open issues or submit pull requests on GitHub.

🔗 Links

GitHub Repository: https://github.com/AbdullahAltaf99/w8ly
Pub.dev: https://pub.dev/packages/w8ly

🔍 Keywords

Flutter weight picker, Flutter ruler picker, Flutter health UI, Flutter BMI app, Flutter fitness widget, horizontal picker Flutter, weight selector Flutter, custom weight picker, Flutter UI package, Flutter health package.