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.
Add new major devices to the devices array in devices.js (frontend and backend)
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
devices.js with accurate specificationsdata/devices.js, index.html, app.js)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.