device_wrapper 1.0.0 
device_wrapper: ^1.0.0 copied to clipboard
naen.techA Flutter package to wrap pages with realistic device frames (iPhone 17 Pro, iPad Gen 11) for web/desktop preview. Features auto-scaling, Dynamic Island, and smooth mode switching.
Changelog #
All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
1.0.0 - 2025-12-03 #
Added #
- Initial release of Device Wrapper
- DeviceWrapper widget for wrapping Flutter apps in device frames
- DeviceMode enum with
mobile(iPhone 17 Pro) andtablet(iPad Gen 11) modes - DeviceConfig class for customizing device appearance
- Auto-scaling to fit device within browser/window size
- Dynamic Island with camera lens effect for iPhone 17 Pro style
- Titanium gradient frame design with realistic bezels
- Mode toggle button with smooth animations
- Side buttons (power, volume, action button) for realistic appearance
- Home indicator bar
- Grid pattern background
- Device info label showing current mode and dimensions
- Support for custom configurations (dimensions, colors, shadows)
enabledflag to disable wrapper for production buildsonModeChangedcallback for mode switch events
Device Configurations #
- Mobile (iPhone 17 Pro): 393×852, border radius 55px, border width 5px
- Tablet (iPad Gen 11): 820×1180, border radius 24px, border width 6px
Metadata
4
likes
0
points
223
downloads
Publisher
Weekly Downloads
Metadata
A Flutter package to wrap pages with realistic device frames (iPhone 17 Pro, iPad Gen 11) for web/desktop preview. Features auto-scaling, Dynamic Island, and smooth mode switching.
Repository (GitHub)
View/report issues
Topics
#ui #device-preview #responsive #web #simulator
License
unknown (license)
