{"id":349309,"date":"2026-08-19T18:41:17","date_gmt":"2026-08-19T18:41:17","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/smoothpreview\/"},"modified":"2026-08-19T18:45:19","modified_gmt":"2026-08-19T18:45:19","slug":"smoothpreview","status":"publish","type":"plugin","link":"https:\/\/mlt.wordpress.org\/plugins\/smoothpreview\/","author":23542898,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.0.4","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"SmoothPreview","header_author":"SmoothPreview Team","header_description":"Eliminates layout shift (CLS) and delivers zero-delay adaptive dominant color placeholders and 5-directional shimmer loading effects for WordPress & WooCommerce.","assets_banners_color":"737f9d","last_updated":"2026-08-19 18:45:19","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":46,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"sarfaraz23","date":"2026-08-19 18:45:19"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3655169,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3655169,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3655169,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3655169,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"SmoothPreview Settings Dashboard in WP Admin.","2":"WooCommerce product grid with Adaptive Dominant Color placeholders.","3":"Shimmer Skeleton Grid loading animation."}},"plugin_section":[],"plugin_tags":[198390,4884,4887,260450,286],"plugin_category":[45],"plugin_contributors":[276559],"plugin_business_model":[],"class_list":["post-349309","plugin","type-plugin","status-publish","hentry","plugin_tags-dominant-color","plugin_tags-lazy-load","plugin_tags-placeholder","plugin_tags-skeleton-loader","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-sarfaraz23","plugin_committers-sarfaraz23"],"banners":{"banner":"https:\/\/ps.w.org\/smoothpreview\/assets\/banner-772x250.png?rev=3655169","banner_2x":"https:\/\/ps.w.org\/smoothpreview\/assets\/banner-1544x500.png?rev=3655169","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/smoothpreview\/assets\/icon-128x128.png?rev=3655169","icon_2x":"https:\/\/ps.w.org\/smoothpreview\/assets\/icon-256x256.png?rev=3655169","generated":false},"screenshots":[],"raw_content":"\n

SmoothPreview<\/strong> brings modern app-style loading placeholders to your WordPress and WooCommerce media galleries.<\/p>\n\n

Instead of displaying blank white boxes or causing sudden vertical jumps while images download, SmoothPreview calculates the photo's exact dominant RGB color and locks image aspect ratio server-side to guarantee 0 Cumulative Layout Shift (0 CLS)<\/strong>.<\/p>\n\n

Key Features<\/h4>\n\n
    \n
  • \ud83c\udfa8 Adaptive Dominant Color Extraction<\/strong>: Instantly samples photo colors in less than 1 millisecond.<\/li>\n
  • \u2b1b Classic Light Grey Skeleton Box<\/strong>: Clean minimal loading placeholder mode.<\/li>\n
  • \u2728 5 Shimmer Motion Directions<\/strong>: Horizontal (LTR\/RTL), Vertical (TTB\/BTT), and Diagonal wave flashes.<\/li>\n
  • \ud83d\udcd0 0 Layout Shift (CLS Prevention)<\/strong>: Hard-locks image container aspect ratios.<\/li>\n
  • \ud83d\udee1\ufe0f Admin Workflow Bypass<\/strong>: Automatically bypasses preview effects while editing pages in WP Admin.<\/li>\n
  • \ud83c\udf19 Auto Dark Mode<\/strong>: Detects visitor dark mode preferences automatically.<\/li>\n
  • \u26a1 Ultra Lightweight<\/strong>: Zero external library dependencies, 100% PHP & CSS native.<\/li>\n<\/ul>\n\n\n
      \n
    1. Upload the smooth-preview<\/code> directory to \/wp-content\/plugins\/<\/code>.<\/li>\n
    2. Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n
    3. Go to Settings > SmoothPreview<\/strong> to customize your preferred shimmer direction and placeholder style.<\/li>\n<\/ol>\n\n\n
      \n

      Does SmoothPreview work with WooCommerce?<\/h3><\/dt>\n

      Yes! SmoothPreview is 100% compatible with WooCommerce shop grids, product loops, and single product image galleries.<\/p><\/dd>\n

      Does this plugin slow down page speed?<\/h3><\/dt>\n

      No. Dominant color extraction is cached in post metadata and runs in less than 1ms.<\/p><\/dd>\n\n<\/dl>\n\n\n

      1.0.0<\/h4>\n\n
        \n
      • Initial public release on WordPress.org.<\/li>\n<\/ul>","raw_excerpt":"Zero-delay adaptive dominant color placeholders and 5-directional shimmer skeleton loading effects for WordPress & WooCommerce.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mlt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/349309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mlt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/mlt.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/mlt.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=349309"}],"author":[{"embeddable":true,"href":"https:\/\/mlt.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/sarfaraz23"}],"wp:attachment":[{"href":"https:\/\/mlt.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=349309"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/mlt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=349309"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/mlt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=349309"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/mlt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=349309"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/mlt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=349309"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/mlt.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=349309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}