Description
Currently, LifeGrid supports iPhones extensively (up to iPhone 17), and some Android devices are included, but Android support is very limited. Many popular Android phones, tablets, and other devices are not yet supported. Expanding device support will allow more users to generate correctly sized wallpapers across a wider range of devices.
The goal of this issue is to expand device support to include widely used Android phones and additional tablets, while keeping the existing iPhone support.
Contributors do not need to physically test every device. Specs from official sources (width, height, notch/clock dimensions) are sufficient. Preview and backend should be updated to include the new devices.
What needs to be done
-
Add new major devices to the devices array in devices.js (frontend and backend)
- Android (Samsung Galaxy S series, Pixel series, etc.)
- Popular iPads (Pro, Air)
-
Ensure each device entry includes:
name (exact model)width and height (screen resolution)category (iPhone, Android, iPad)notchHeight and clockHeight (as % of height)
-
Update helper functions if necessary (getDevice, getDevicesByCategory, etc.)
-
Verify new devices appear in device selection dropdown in the frontend
-
No backend testing on physical devices is required; mock preview is sufficient
Why this matters
- Expands LifeGrid accessibility to Android users and more tablet users
- Increases wallpaper generation usability
- Attracts contributors who use devices other than iPhones
- Makes LifeGrid more inclusive and widely usable
Acceptance criteria
- New devices added to
devices.js with accurate specifications
- Devices are selectable in the frontend preview
- Existing device support continues to work
- No errors occur when generating wallpapers for newly added devices
PR Requirements
- 📸 Screenshot of updated device dropdown or selection menu
- List of devices added with specs
- Optional: brief explanation of data source (official specs or manufacturer site)
Scope
- Frontend (
data/devices.js, index.html, app.js)
- Backend (
worker/src/…/devices.js or equivalent)
💡If anyone knows a good source for accurate device specifications, please share it here! in the issue description to make it easier for other contributors to find accurate resolutions.
Description
Currently, LifeGrid supports iPhones extensively (up to iPhone 17), and some Android devices are included, but Android support is very limited. Many popular Android phones, tablets, and other devices are not yet supported. Expanding device support will allow more users to generate correctly sized wallpapers across a wider range of devices.
The goal of this issue is to expand device support to include widely used Android phones and additional tablets, while keeping the existing iPhone support.
What needs to be done
Add new major devices to the
devicesarray indevices.js(frontend and backend)Ensure each device entry includes:
name(exact model)widthandheight(screen resolution)category(iPhone,Android,iPad)notchHeightandclockHeight(as % of height)Update helper functions if necessary (
getDevice,getDevicesByCategory, etc.)Verify new devices appear in device selection dropdown in the frontend
No backend testing on physical devices is required; mock preview is sufficient
Why this matters
Acceptance criteria
devices.jswith accurate specificationsPR Requirements
Scope
data/devices.js,index.html,app.js)worker/src/…/devices.jsor equivalent)💡If anyone knows a good source for accurate device specifications, please share it here! in the issue description to make it easier for other contributors to find accurate resolutions.