Title: Social Profile Frame Generator – Custom Social Media Frames Creator Author: Jose Varghese Published: May 15, 2025 Last modified: August 24, 2026 --- Search plugins ![](https://ps.w.org/profile-frame-generator/assets/banner-772x250.png?rev=3294362) ![](https://ps.w.org/profile-frame-generator/assets/icon-256x256.png?rev=3295944) # Social Profile Frame Generator – Custom Social Media Frames Creator By [Jose Varghese](https://profiles.wordpress.org/josevarghese/) [Download](https://downloads.wordpress.org/plugin/profile-frame-generator.2.1.7.zip) * [Details](https://sa.wordpress.org/plugins/profile-frame-generator/#description) * [Reviews](https://sa.wordpress.org/plugins/profile-frame-generator/#reviews) * [Installation](https://sa.wordpress.org/plugins/profile-frame-generator/#installation) * [Development](https://sa.wordpress.org/plugins/profile-frame-generator/#developers) [Support](https://wordpress.org/support/plugin/profile-frame-generator/) ## Description **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. WordCamp Asia 2026, WordCamp Europe and WordCamp US 2026 used this plugin for social badge creation: * [WordCamp Asia 2026 – Social Avatar Profile Frame](https://wpasia.org/2026/frame/attendee/) * [WordCamp Europe – Social Avatar Profile Frame](https://social.wceu.eu/index.php/profile-frame-attendee/) * [WordCamp US – Badge](https://wc-us.org/interactive-sponsor-badge/) 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. ### 🎯 Key Features: * **NEW:** Detailed, responsive frontend UI. * **NEW:** Split-screen layout for desktop. * Zoom In/Out controls for precise adjustments. * Rotate Left/Right controls to fix orientation. * Bokeh/Blur effect to blur the background image. * Reset Position button to quickly start over. * Gravatar support – load user avatar directly from email. * Custom background color for non-transparent areas. * Customizable user instructions. * Upload a transparent PNG frame from the WordPress media library. * Generate framed profile pictures with an interactive frontend interface. * Lightweight: CSS/JS loads **only on pages** containing the shortcode. * Responsive and mobile-ready with intuitive gestures (touch drag/pinch). ### 💬 What Users Say: **“Simply | Easy | Fun”** Thank you @josevarghese Great tool! — Vachan Kudmule – WordCamp Asia Lead Organizer ([read review](https://wordpress.org/support/topic/simply-easy-fun/)) Enjoying the plugin? [Leave a review](https://wordpress.org/support/plugin/profile-frame-generator/reviews/#new-post) to help spread the word, or [buy me a coffee](https://superwebshare.com/donate) to support development. Thank you! ### 🛠 How to Use: 1. **Install** the Profile Frame Generator plugin via Plugins > Add New. 2. Navigate to **Dashboard > Profile Frame**. 3. Click **“Select Frame from Media Library”**, choose your PNG frame, and click ** Select Frame**. 4. Configure the new control settings (Zoom, Rotate, Bokeh, etc.) as desired. 5. Click the **“Save Settings”** button. 6. Copy the shortcode (e.g., `[profile_frame frame="123"]`) or just `[profile_frame]` to use the default saved frame. 7. Paste the shortcode on any post or page. 8. **Save and view** the page – the frame generator canvas will be visible to users. ### ✨ Frame Interaction & Controls: 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. ### 🖼 Multiple Frame Support: To use more than one frame: – Use `[profile_frame frame="image_id_here"]` where` image_id_here` 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: `[profile_frame frame="123"]` – Frame B: `[profile_frame frame ="456"]` > ⚠️ **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. ### Support Enjoying Profile Frame Generator? ★★★★★ – [Leave a quick rating](https://wordpress.org/support/plugin/profile-frame-generator/reviews/#new-post)— it takes 10 seconds and helps other WordCamp/event organizers find this plugin. – If you find this plugin useful, consider [buying me a coffee](https://superwebshare.com/donate) to support development. Thank you! – Found a bug or have a feature idea? [Post in the support forum](https://wordpress.org/support/plugin/profile-frame-generator/) first so we can help — most issues get fixed fast. ### Credits #### Donors Thanks to the following generous supporters who donated to keep this plugin going: * Arie ## Screenshots [⌊User uploads a photo, previews, applies effects like bokeh, and downloads the final image.⌉⌊User uploads a photo, previews, applies effects like bokeh, and downloads the final image.⌉[ User uploads a photo, previews, applies effects like bokeh, and downloads the final image. [⌊Upload PNG frame via settings and configure advanced controls.⌉⌊Upload PNG frame via settings and configure advanced controls.⌉[ Upload PNG frame via settings and configure advanced controls. ## Installation 1. Upload the plugin files to the `/wp-content/plugins/profile-frame-generator` directory, or install via the WordPress plugin repository. 2. Activate the plugin from the **Plugins** menu in WordPress. 3. Go to **Dashboard > Profile Frame** to configure settings and upload your frame. 4. Copy and paste the shortcode to any post or page. ## FAQ ### Can I use more than one frame? Yes! Use `[profile_frame frame="image_id_here"]` with the corresponding Media Library image ID. Only one frame per page is supported. ### What format should the frame image be? Transparent **PNG** files are required for best results. ### Can users adjust their uploaded images? Yes. Users can zoom, reposition, rotate, and fine-tune their uploaded photos to ensure a perfect frame fit. ### Will this plugin slow down my website? No. The plugin is lightweight and loads scripts **only on the page** where the shortcode is used. ## Reviews ![](https://secure.gravatar.com/avatar/9163651ad4e8fe57f450e03b0fa7721efa775bbc860d177406ad63aa5e3c5ce9? s=60&d=retro&r=g) ### 󠀁[Perfect for WordCamp and community events](https://wordpress.org/support/topic/perfect-for-wordcamp-and-community-events/)󠁿 [Jhimross Olinares](https://profiles.wordpress.org/jhimross/) August 10, 2026 1 reply Fantastic plugin! We used Social Profile Frame Generator for our WordCamp Philippines profile frames, and it worked flawlessly. Since everything is generated locally in the browser with no server uploads required, the frames are created incredibly fast. It’s simple, reliable, and perfect for events like WordCamp and other community campaigns. Highly recommended, and great job to the developer! ![](https://secure.gravatar.com/avatar/ef465d551b4048416dfc53cd9c3ff0ceec84105dd362ce4da479b5c94f37be02? s=60&d=retro&r=g) ### 󠀁[Simple to implement and easy to use](https://wordpress.org/support/topic/simple-to-implement-and-easy-to-use/)󠁿 [Arie](https://profiles.wordpress.org/ao-on-wp/) May 22, 2026 1 reply This is a great little plugin for visitors of your website to create a profile image with a frame you made. The support was also quick and helpful, even though the issue was with my site and not with the plugin. ![](https://secure.gravatar.com/avatar/ff0592894ef07993e93ef422e56196f97e7ff41a6f4e2cc285f88b12e7871a6b? s=60&d=retro&r=g) ### 󠀁[Simply | Easy | Fun](https://wordpress.org/support/topic/simply-easy-fun/)󠁿 [Vachan Kudmule](https://profiles.wordpress.org/vachan/) February 12, 2026 3 replies 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. [ Read all 3 reviews ](https://wordpress.org/support/plugin/profile-frame-generator/reviews/) ## Contributors & Developers “Social Profile Frame Generator – Custom Social Media Frames Creator” is open source software. The following people have contributed to this plugin. Contributors * [ Jose Varghese ](https://profiles.wordpress.org/josevarghese/) [Translate “Social Profile Frame Generator – Custom Social Media Frames Creator” into your language.](https://translate.wordpress.org/projects/wp-plugins/profile-frame-generator) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/profile-frame-generator/), check out the [SVN repository](https://plugins.svn.wordpress.org/profile-frame-generator/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/profile-frame-generator/) by [RSS](https://plugins.trac.wordpress.org/log/profile-frame-generator/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.1.7 * Fix: Download button failed to save the framed image on iOS Safari (iPhone/iPad). Switched from a data: URI to a Blob/object URL and ensured the download link is attached to the DOM before being triggered.. Thanks to Jhimross for reporting it. #### 2.1.6 * Fix: PHPCS naming-convention prefix rules are aligned across class files. #### 2.1.5 * New: Upload photo button label changes to “Replace image” after an image is loaded on the canvas. * New: “Replace image” and “Replace Photo” strings are translatable via the plugin text domain. #### 2.1.4 * Performance: Minor performance tweaks to improve frontend rendering speed. #### 2.1.3 * New: Added donors section in the donation card on the settings sidebar. Thanks to our donation provided users to support the plugin. #### 2.1.2 * New: Redesigned frontend controls toolbar with custom SVG icons replacing Dashicons for zoom, rotate, and reset buttons. * New: Responsive controls panel layout for better display across screen sizes. * New: Upload area redesigned with a custom SVG upload icon and file format hint( JPG, PNG or GIF). * New: Inline SVG spinner animation during Gravatar loading. #### 2.1.1 * Fix: Admin review notice no longer appears on block editor (Gutenberg) post/page screens. #### 2.1.0 * New UI with more clean settings page * Fix: Removed duplicate variable declarations in controls JS that caused strict- mode errors. * Fix: Added PHP 7.0 version check on activation with a friendly error message. * Fix: Removed all inline blocks from PHP — JS logic moved to external cacheable files. * Fix: Removed console.log() debug statements from frontend controls which was added in a previous debugging. #### 2.0.1 * Enhanced Settings page * Fixed FOUC on admin notices. #### 2.0.0 * Major Update: New simplified and modern frontend UI. * Added Zoom In/Out buttons with slider control * Added Rotate Left/Right buttons * Added Reset Position button * Added Bokeh/Blur effect toggle * Added Gravatar integration * Added custom background color setting * Added customizable instructions text * Added option to select frame from Media Library #### 1.1 * Minor enhancements to the settings page #### 1.0.0 * Initial release * Option to select the frame within the settings * Shortcode support * Frontend image selection, zoom, and positioning * Download generated image ## Meta * Version **2.1.7** * Last updated **4 days ago** * Active installations **80+** * WordPress version ** 5.0 or higher ** * Tested up to **7.1** * PHP version ** 7.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/profile-frame-generator/) * Tags * [avatar](https://sa.wordpress.org/plugins/tags/avatar/)[Event](https://sa.wordpress.org/plugins/tags/event/) [profile picture](https://sa.wordpress.org/plugins/tags/profile-picture/)[wordcamp](https://sa.wordpress.org/plugins/tags/wordcamp/) * [Advanced View](https://sa.wordpress.org/plugins/profile-frame-generator/advanced/) ## Ratings 5 out of 5 stars. * [ 3 5-star reviews ](https://wordpress.org/support/plugin/profile-frame-generator/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/profile-frame-generator/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/profile-frame-generator/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/profile-frame-generator/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/profile-frame-generator/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/profile-frame-generator/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/profile-frame-generator/reviews/) ## Contributors * [ Jose Varghese ](https://profiles.wordpress.org/josevarghese/) ## Support Issues resolved in last two months: 2 out of 2 [View support forum](https://wordpress.org/support/plugin/profile-frame-generator/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://superwebshare.com/donate)