Title: Page Peel Author: Avram Published: April 5, 2008 Last modified: August 21, 2026 --- Search plugins ![](https://ps.w.org/page-peel/assets/banner-772x250.png?rev=3622494) ![](https://ps.w.org/page-peel/assets/icon-256x256.png?rev=3622494) # Page Peel By [Avram](https://profiles.wordpress.org/avram/) [Download](https://downloads.wordpress.org/plugin/page-peel.2.1.zip) * [Details](https://vec.wordpress.org/plugins/page-peel/#description) * [Reviews](https://vec.wordpress.org/plugins/page-peel/#reviews) * [Installation](https://vec.wordpress.org/plugins/page-peel/#installation) * [Development](https://vec.wordpress.org/plugins/page-peel/#developers) [Support](https://wordpress.org/support/plugin/page-peel/) ## Description Page Peel 2.0 is a complete rewrite with realistic clip-path animation. Adds an attractive page peel advertisement to your WordPress site. Features: * Realistic diagonal peel animation using CSS clip-path * 3D folded corner effect * Left or right position * Configurable small and large peel sizes * Adjustable animation speed * Mobile touch support (double-tap to expand, then follow link) * Optional hide-on-mobile below a configurable viewport width (off by default) * Auto- open with configurable delay * Auto-close (only for auto-open) * Remember dismiss via localStorage (configurable duration) * Large image preloads on page load for instant animation * Backward compatible with Page Peel 1.0 settings Try it instantly on [tastewp.com](https://tastewp.com/new?pre-installed-plugin-slug=page-peel&redirect=__front&ni=true)! ## Screenshots [⌊Page Peel closed⌉⌊Page Peel closed⌉[ Page Peel closed [⌊Page Peel fully expanded⌉⌊Page Peel fully expanded⌉[ Page Peel fully expanded ## Installation 1. Upload contents of `page-peel.zip` to `/wp-content/plugins/` directory 2. Activate the ‘Page Peel’ plugin through the ‘Plugins’ menu in WordPress 3. Ships with sample images (small.png 100x100px, large.png 400x400px) so it works out of the box — replace them via the Media Library selectors in Settings / Page Peel. The small image is optional; leave it empty to just peek into the corner of the large image instead. 4. Configure the plugin through Settings / Page Peel: position, sizes, animation speed, auto-open options, and the target URL ## FAQ ### Can I change which corner the peel appears in? Yes! In Settings / Page Peel, choose between Left and Right position. ### Can I change the size of the peel? Yes, both the small (thumbnail) and large (full peel) sizes are configurable in Settings. ### How does auto-open work? When enabled, the peel automatically opens after a configurable delay. If “remember dismiss” is enabled and the user previously dismissed the peel, it won’t auto-open again for the chosen duration. ### Does the large image load on hover or on page load? The large image preloads on page load. The peel animation only activates after the image is fully loaded, ensuring a smooth experience. ### Does it work on mobile? Yes! On touch devices, the first tap expands the peel, and the second tap follows the link. Tapping outside collapses the peel. ### Can I hide the peel on phones entirely? Yes. In Settings / Page Peel, enable “Hide the peel below” under the Mobile setting and set the viewport width below which it should disappear (default 768px). It’s off by default. This is based on viewport width rather than device detection, so it keeps working correctly behind full-page caching plugins. ### How is this different from version 1.0? Version 1.0 used a simple CSS width/height transition. Version 2.0 uses clip-path for a realistic diagonal peel animation, adds 3D folded corner, left/right positioning, configurable sizes, mobile support, and auto-open/close features. ## Reviews ![](https://secure.gravatar.com/avatar/015a4e9d3e4f0bf048a022315b50550ea8a6c60a0e9455be60826e22bae1287c? s=60&d=retro&r=g) ### 󠀁[Does what it’s supposed to …](https://wordpress.org/support/topic/does-what-its-supposed-to-43/)󠁿 [papacoderrs](https://profiles.wordpress.org/papacoderrs/) February 5, 2019 Thank you. Good job ! [ Read all 3 reviews ](https://wordpress.org/support/plugin/page-peel/reviews/) ## Contributors & Developers “Page Peel” is open source software. The following people have contributed to this plugin. Contributors * [ Avram ](https://profiles.wordpress.org/avram/) * [ Duke ](https://profiles.wordpress.org/dukessa/) * [ Shambix ](https://profiles.wordpress.org/shambix/) “Page Peel” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/page-peel/contributors) for their contributions. [Translate “Page Peel” into your language.](https://translate.wordpress.org/projects/wp-plugins/page-peel) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/page-peel/), check out the [SVN repository](https://plugins.svn.wordpress.org/page-peel/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/page-peel/) by [RSS](https://plugins.trac.wordpress.org/log/page-peel/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 2.1 * Fixed: on iOS Safari and Firefox Android, the first tap opened the peel _and_ immediately followed the link at the same time, instead of opening on the first tap and following on the second. Touch detection now relies on `pointerdown`, which reliably reports its pointer type in every engine, instead of `click`, which Chrome alone tags with a pointer type * New: optional “Hide on mobile” setting (Settings / Page Peel), off by default— hides the peel below a configurable viewport width instead of removing it, so it works correctly behind full-page caching plugins #### 2.0 * Complete rewrite with realistic clip-path diagonal peel animation * Curved, curled paper fold (quadratic-Bézier crease and edges) instead of a straight triangle, with a small damped wobble on open/close * Optional attention pulse: repeats a small wiggle on the closed peel every few seconds to catch the eye (off by default, configurable interval) * The peel box no longer resizes during the animation — the ad image stays pinned at its true size and only the reveal window grows, so it reads as paper lifting rather than a div inflating * Large image now appears instantly the moment the peel starts opening (no crossfade); the small thumbnail only reappears once fully closed * Peel color now adapts to the page: it’s derived from the page’s detected background color (or a manual color override), auto-computing whether the fold needs a darker or lighter shade — no more a fixed white sheet clashing with dark themes * 3D folded corner effect with paper-like gradient, remapped per-frame so it never washes out flat * Soft drop-shadow that follows the curved fold edge * Left and right position option (right side is a true mirror, including shadow direction) * Configurable small and large peel sizes (px), capped responsively on small viewports * Adjustable animation speed (0.5s – 2.0s) * Pointer-events-based hover/tap handling (works correctly on hybrid touch+mouse devices) * Auto-open with configurable delay * Auto-close (only for auto-open) * Remember dismiss via localStorage with configurable duration, now also recorded on desktop * Large image preloads on page load * Keyboard-accessible (focus/blur open and close the peel) with an accessible link label * Media Library integration in settings * Proper escaping, sanitized settings, and modern PHP * Backward compatible with version 1.0 settings #### 1.0 * Complete rewrite, pure CSS page peel instead of old Flash version! * Moved page peel to the left! * Added ability to specify target of the link. #### 0.3 * Fixed visualization bug #### 0.2 * Moved the initalization code of plugin to the page footer. Hopefully this will make it work in IE also #### 0.1 * Initial release ## Meta * Version **2.1** * Last updated **2 months ago** * Active installations **60+** * WordPress version ** 5.0 or higher ** * Tested up to **7.0.7** * PHP version ** 7.4 or higher ** * Languages * [English (US)](https://wordpress.org/plugins/page-peel/) and [Serbian](https://sr.wordpress.org/plugins/page-peel/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/page-peel) * Tags * [advertising](https://vec.wordpress.org/plugins/tags/advertising/)[banner](https://vec.wordpress.org/plugins/tags/banner/) [clip-path](https://vec.wordpress.org/plugins/tags/clip-path/)[flip](https://vec.wordpress.org/plugins/tags/flip/) [page peel](https://vec.wordpress.org/plugins/tags/page-peel/) * [Advanced View](https://vec.wordpress.org/plugins/page-peel/advanced/) ## Ratings 4 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/page-peel/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/page-peel/reviews/?filter=4) * [ 1 3-star review ](https://wordpress.org/support/plugin/page-peel/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/page-peel/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/page-peel/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/page-peel/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/page-peel/reviews/) ## Contributors * [ Avram ](https://profiles.wordpress.org/avram/) * [ Duke ](https://profiles.wordpress.org/dukessa/) * [ Shambix ](https://profiles.wordpress.org/shambix/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/page-peel/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://paypal.me/avramator)