codeablepress

⚠️ This plugin has been retired.
We’ve rebuilt this plugin from the ground up as a brand new, modern WordPress.org plugin:
👉 <a href="https://wordpress.org/plugins/chargewp-front-end-avatar-upload/" rel="ugc">ChargeWP – Front-End Avatar Upload</a>
Please install and activate the new plugin to continue receiving updates and support.
This version (1.0.1) now displays a migration notice and version 1.0.2 will not run the upload functionality anymore — it’s safe to keep active temporarily while switching.
<h3>Why the Change?</h3>
<ul>
<li>The new plugin offers improved performance and security</li>
<li>Better WooCommerce and new block editor support</li>
<li>Ongoing updates and future enhancements on WordPress.org</li>
<li>Easier support and automatic updates</li>
</ul>
<h3>What Happens After Updating?</h3>
After updating to version 1.0.1, you’ll see a notice in your WordPress Dashboard with a one-click option to Install & Activate ChargeWP – Front-End Avatar Upload. 
All existing data (user profile pictures) remain after switching plugins but will not work if you go back to the old plugin.

CodeablePress: Simple Frontend Profile Picture Upload

A simple, lightweight, and secure way for users to upload profile pictures directly from the WooCommerce My Account page or via shortcode.

Jose Varghese

Profile Frame Generator is a user-friendly, performance-focused plugin that allows site owners to upload custom PNG frames that users can overlay on their photos to generate social media profile pictures. This plugin easily helps create a social photo without any software on the desktop or mobile.
Sample URL for Social Avatar Profile Frame used by WordCamp Asia 2026 by using this plugin: https://wpasia.org/2026/frame/attendee/
Built for events, campaigns, and brand communities, this plugin is perfect for WordCamp, meetups, or social movement organizers who want to promote a unified visual identity among supporters, attendees, volunteers, and speakers.
<h3>🎯 Key Features:</h3>
<ul>
<li>NEW: Detailed, responsive frontend UI.</li>
<li>NEW: Split-screen layout for desktop.</li>
<li>Zoom In/Out controls for precise adjustments.</li>
<li>Rotate Left/Right controls to fix orientation.</li>
<li>Bokeh/Blur effect to blur the background image.</li>
<li>Reset Position button to quickly start over.</li>
<li>Gravatar support – load user avatar directly from email.</li>
<li>Custom background color for non-transparent areas.</li>
<li>Customizable user instructions.</li>
<li>Upload a transparent PNG frame from the WordPress media library.</li>
<li>Generate framed profile pictures with an interactive frontend interface.</li>
<li>Lightweight: CSS/JS loads only on pages containing the shortcode.</li>
<li>Responsive and mobile-ready with intuitive gestures (touch drag/pinch).</li>
</ul>
<h3>🛠 How to Use:</h3>
<ol>
<li>Install the Profile Frame Generator plugin via Plugins > Add New.</li>
<li>Navigate to Dashboard > Profile Frame.</li>
<li>Click “Select Frame from Media Library”, choose your PNG frame, and click Select Frame.</li>
<li>Configure the new control settings (Zoom, Rotate, Bokeh, etc.) as desired.</li>
<li>Click the “Save Settings” button.</li>
<li>Copy the shortcode (e.g., <code>[profile_frame frame="123"]</code>) or just <code>[profile_frame]</code> to use the default saved frame.</li>
<li>Paste the shortcode on any post or page.</li>
<li>Save and view the page – the frame generator canvas will be visible to users.</li>
</ol>
<h3>✨ Frame Interaction & Controls:</h3>
Users can customize their image overlay using the following: 
– Zoom Buttons – Precise zoom control. 
– Rotate Buttons – Rotate image 90 degrees left or right. 
– Mouse Wheel – Zoom in/out of the uploaded image. 
– Mouse Drag – Reposition the image within the frame. 
– Mobile (Pinch to Zoom) – Two-finger pinch gesture to zoom. 
– Mobile (Rotate) – Rotate the image left or right using your fingers. 
– Gravatar – Enter email to auto-load profile picture.
<h3>🖼 Multiple Frame Support:</h3>
To use more than one frame: 
– Use <code>[profile_frame frame="image_id_here"]</code> where <code>image_id_here</code> is the Media Library ID of your PNG frame. 
– Each frame must be used on a separate page, as only one frame is supported per page.
Example: 
– Frame A: <code>[profile_frame frame="123"]</code> 
– Frame B: <code>[profile_frame frame="456"]</code>
<blockquote>
⚠️ Performance First: The plugin only loads CSS and JS on pages with the shortcode, ensuring fast load times and minimal impact on your site.
Note: WordPress and WordCamp are registered trademarks of the WordPress Foundation. This plugin is not affiliated with or endorsed by WordPress.org or WordCamp. Names used for reference only.
</blockquote>
<h3>Support</h3>
For questions, support requests, or feature suggestions, please visit the <a href="https://wordpress.org/support/plugin/profile-frame-generator/" rel="ugc">support forum</a>.

Social Profile Frame Generator – Custom Social Media Frames Creator


Thank you @josevargheseGreat tool! ---Just a quick suggestion for next version, there should be a slider for zoom as the mouse scroll can get funky.


Simply | Easy | Fun

All-in-one profile picture frame generator. Allows users to upload their photo, apply a frame, customize with zoom/rotate/bokeh, and download.

CodeablePress: Simple Frontend Profile Picture Upload vs Social Profile Frame Generator – Custom Social Media Frames Creator