flutter_devlens π

A premium, production-quality developer debugging toolkit for Flutter. Designed to feel like a high-end desktop devtool integrated directly into your mobile app.
β¨ Why DevLens?
Most developer tools are cluttered or look like basic widget packages. DevLens is built for professional engineers who value both functionality and aesthetics. It provides a non-obtrusive, high-performance overlay with a beautiful glassmorphism interface.
π Key Features
- π Network Inspector: Real-time Dio request/response tracking with collapsible payload inspection.
- π Contextual Logger: Structured logging with severity levels (Info, Warn, Error) and millisecond timestamps.
- π£οΈ Navigation Timeline: Automatic tracking of route history to debug complex navigation flows.
- π± Device Metrics: Instant access to display dimensions, pixel ratios, and platform-specific metadata.
- π¨ Elite UI: Modern dark-mode glassmorphism design with smooth 60fps animations.
- πΉοΈ Draggable Overlay: A minimalist floating bubble that stays accessible but out of the way.
πΈ Screenshots
| Logs Panel | Network Inspector |
|---|---|
![]() |
![]() |
π¦ Installation
Add flutter_devlens to your pubspec.yaml:
dependencies:
flutter_devlens: ^0.1.1
π οΈ Setup
1. Initialize
Call initialize() in your main() function. By default, it only activates in Debug mode.
void main() {
DevLens.initialize();
runApp(const MyApp());
}
2. Track Navigation
Add the DevLens.routeObserver to your MaterialApp:
MaterialApp(
navigatorObservers: [DevLens.routeObserver],
// ...
)
3. Track Network (Dio)
Add the DevLensDioInterceptor to your Dio instance:
final dio = Dio();
dio.interceptors.add(DevLensDioInterceptor());
πΊοΈ Roadmap
State Inspector: Support for Provider, Riverpod, and Bloc.Storage Explorer: View SharedPreferences and Hive boxes.Feature Flags: Toggle remote config values on the fly.Performance Monitor: Real-time FPS and Memory usage graphs.
π€ Contributing
Contributions are welcome! Check out our Contributing Guide.
π License
This project is licensed under the MIT License - see the LICENSE file for details.
Libraries
- core/devlens_controller
- flutter_devlens
- inspector/devlens_dio_interceptor
- models/dev_log
- models/network_log
- models/route_log
- overlay/devlens_overlay
- overlay/floating_bubble
- routes/devlens_route_observer
- widgets/devlens_panel
- widgets/empty_state
- widgets/glass_card
- widgets/tab_device_info
- widgets/tab_logger
- widgets/tab_network
- widgets/tab_routes

