Version update history and feature changes for Star Mockup.
Improved export stability in iOS/WeChat/mini-app environments by rendering multiple times and selecting the largest PNG result to avoid occasional blank images; blur background canvas now draws at export canvas size with a max dimension limit to prevent blank screens on large images; fixed an issue where proto drag offsets and scale results were not captured during export.
Standardized all mockup template thumbnails to 120×160; captureProtoThumbnail now normalizes each screenshot to contain-fit and center with transparent padding after capture; fixed defaultProtoUrl pointing to an SVG which broke the gallery—it now points to a real bitmap; fillCanvas custom large-canvas templates (e.g. No Background 1/2) rely on this normalization to avoid oversized thumbnails; run npm run thumbnails to regenerate after adding or modifying templates.
The membership-only VipBadge now uses a gold crown (#FCD34D → #F59E0B gradient) with a white crown SVG for clearer VIP semantics; added a floating absolute-position property so the badge sits at the top-right of selectable options without being squeezed by parent flex layouts; the desktop style selector (Transparent 1/2/3) and 4K+/8K+ icon buttons now carry this badge.
Added 10% grid snapping in the preview area—when the center of a proto, text label, or image label hits a guide line during drag, it snaps and lights up a green dashed guide with a green dot at intersections; added a Preview Settings panel with three independent toggles (drag proto, drag text label, drag icon label); turning one off keeps the element selectable and editable but not movable.
The editor device tab bar now supports multi-device management; the add-device popup shows thumbnails for each device preset; newly added devices scale to match the largest displayed height of existing devices, avoiding huge size differences; the gear button moved to the right of the tab arrow to avoid overlap, and tab item spacing was tightened to show more device names; the Add Mockup button now uses a unified indigo theme and tab item padding is unified to 3px.
Added an avatar mockup template category with multiple avatar templates including Personal Center, Couple, and Moments, supporting per-image-region upload, cropping, border radius and border settings; added a user account menu and My Templates save feature to save and reuse mockup configurations; fixed avatar thumbnails being overwritten by the generic base image during generation so they now use the dedicated default avatar image; the avatar editor's border radius and border rows now use left-aligned labels with right-aligned controls.
Added Safari and Chrome browser mockup templates whose window size auto-adapts to the uploaded image ratio, with a customizable address bar (and Chrome tab title); added a car (vehicle) mockup category; adjusted tablet templates by removing iPad Air and moving iPad Pro to the top, and fixed the TV default thumbnail reference path; added a ratio preview box on the right of the canvas size card and tightened radio spacing in the editor.
Added 3 iPhone desktop transparent icon styles (Transparent 1/2/3) with semi-transparent backgrounds, highlight borders, and backdrop blur effects; Transparent 1 features a large widget plus four small widgets and four icons, Transparent 2 uses a 3x4 icon grid, and Transparent 3 has a wide top widget with a row of four icons, all with a four-icon Dock at the bottom.
Added IOS26 lock screen time font style using Roboto Condensed variable font with near-full-width, 20% vertically stretched large time layout; introduced Glass time font style with semi-transparent highlight and shadow effects on time digits; lock screen widgets moved up to avoid overlapping with large time, notification area and music player repositioned above widgets; time font settings redesigned with horizontal scrollable layout.
Export inlining now distinguishes wallpaper PNG high-fidelity from background JPEG compression; fixed-scene template bg-image overlay preserves PNG transparency during export; added toggle to hide version number display; fixed mobile export blank image issue; added 7 new mockup GEO articles.
Fixed cross-domain hreflang pointers for dual domains, improved page Meta tags and dynamic robots.txt; fixed multiple i18n issues including overseas default language, template name translations, and membership restrictions.
Added language switcher dropdown component supporting default language and brand name switching for domestic and overseas channels; optimized template category bar UI and interaction; added TV and Watch mockup template categories with lock screen support and frame switching for TV, and three color frame options for Watch; added 3 car tablet fixed-background templates under iPad category; added 7 phone scene templates (Phone Magazine, Phone Desk Book, Handheld Demo, Handheld 2-5) with handheld and desktop scenarios; fixed watch default template thumbnail paths.
Added 8 new Mac mockup templates (Brown Display, Glass Desk, Wood Desk, Gaming Desk, Black Desk, Mac White Desk, Desktop Black Monitor, Desk Flower Cup), with a dedicated frame preset for Brown Display; added 12 new templates: iPhone dual white-background (2), single white-background (2), MacBook black scene (3), MacBook+iPhone black combo and family flat combo; template debug page now supports manual background image adjustment with drag-to-move and numeric input positioning; 4-point perspective corner handles can now be dragged outside the canvas area; Mac lock screen text, desktop menu bar, and Dock now scale dynamically based on screen size to prevent text overflow on small paper areas.
Fixed an issue where icon element dimensions were incorrectly cropped to 180px during template save and restore; continued SEO content optimization for multiple platforms; added North America overseas deployment support (separate packaging, environment variables, domain configuration).
Introduced independent icon label system with 8 icon types (Android/iPhone/Windows/FiveStar/4K/8K/4K+Multi-platform/8K+Multi-platform), each with SVG preview and rounded quick-add buttons; icon edit cards now match text label card design with unified inline styling; 4K+ and 8K+ multi-platform icons are composite SVGs with badges + three platform logos; fixed icon drag issue (handleCanvasElementDrag was crashing on icon types due to missing type guard); separated clear buttons for icons and text labels; optimized default placement (icons bottom-left with horizontal layout, text labels bottom-center); moved quick-add dropdown to its own row; merged element count into sub-title row.
Redesigned text label editor with card-style layout; custom input and add button now in the same row; presets moved to a quick-add dropdown with 9 options (copyright, numbering, device adaptive, HD wallpaper, etc.); added 10 text label styles (capsule/badge/glass variants with multiple color options); implemented drag-to-center snap guides (green SVG dashed lines); default position changed to bottom-right with auto-offset stacking.
Added image cropping with device aspect ratio lock and rule-of-thirds guides; each crop is based on the original image to prevent quality loss; export now supports PNG/JPG/WebP format switching; added one-click copy to clipboard with toggle; unified export settings theme color; optimized Dynamic Island drop size.
Added font selection dropdown for the author watermark in mockup editor, supporting 24 free fonts; launched standalone FAQ page with JSON-LD structured data; removed FAQ section from homepage.
Dynamic Island setting upgraded from toggle to three options (Pill/Drop/None) for flexible notch styling; added Changelog link and Get Started CTA button in the homepage top-right navigation bar.
Added home screen icon styles 4 and 5 with optimized visuals; implemented WeChat lock screen notifications and music player lock screen notification effects; added 3 new phone frame color options and a transparent background option.
Guest users on desktop web can now export up to 3 times without login; added mini-app entry button on desktop web and web version button in mini-app webview; reused uploaded wallpapers when switching templates; group QR code now managed via admin panel.
Added preset template functionality for saving and applying configurations; introduced mockup adjustment controls (scale, rotation, offset); added community group entry in top-right corner; completed event tracking for upload, template switch, export, membership popup, payment, and ad reward events.
Launched My Templates feature for saving and managing mockup configurations; integrated WeChat virtual payment for membership purchases and refunds; My Templates restricted to members only; admin panel now supports membership status and expiry date management.
Added bilingual support (Chinese/English) with internationalized routing; comprehensive SEO optimization with structured data and page meta information; improved admin panel functionality and experience.
Added Mac desktop template support; refactored mockup template parameter management for multi-device combo debugging; added ring-light tilted phone template and iPad portrait optimization; fixed thumbnail scrolling issue on mobile; optimized mobile homepage.
The first version of Star Mockup is now live, supporting iPhone, iPad, and MacBook mockup templates with online screenshot framing, background adjustment, border settings, and high-resolution export.
