<p>Shader Grid is a Three.js and WebGL shader powered infinite image grid with smooth drag interaction, post‑processing effects, and optional lightbox support. It’s fully responsive, touch‑friendly, and designed to run across all major browsers and devices.</p>
<h3>Highlights</h3>
<p><strong>Three.js + WebGL Shaders</strong> – Next‑gen GLSL grid with rich visual effects and GPU performance.</p>
<p><strong>Easy To Configure And Install</strong> – Includes detailed documentation, demo pages, updates, and direct support from the developer – <strong><a href="mailto:tibi@fwdapps.net" rel="nofollow ugc">Tibi @ FWD</a></strong>.</p>
<h3>Main Features</h3>
<ul>
<li><strong>Responsive Layout</strong> – Fully responsive and adaptable regardless of which device or screen size is used.</li>
<li><strong>Desktop & Mobile Optimized</strong> – Optimized for iOS, Android, and desktop browsers.</li>
<li><strong>Lazy Scrolling/Loading</strong> – Initialize only when visible in the page to save resources.</li>
<li><strong>Infinite Drag</strong> – Drag infinitely in all directions with seamless wrapping.</li>
<li><strong>Paralax</strong> – Optional vertical parallax.</li>
<li><strong>Customizable Size</strong> – Adjust image size and spacing as needed.</li>
<li><strong>Caption</strong> – Optional captions styled via CSS.</li>
<li><strong>Dynamic Image Black & White</strong> – Adjustable black and white falloff from the center.</li>
<li><strong>Hover Scale</strong> – Smooth hover scale with custom size.</li>
<li><strong>Scroll Speed Strength</strong> – Fine‑tune drag speed and feel.</li>
<li><strong>Wave Post‑Processing</strong> – Adjustable wave frequency, amplitude, and RGB shift.</li>
<li><strong>Glitch Post‑Processing</strong> – Optional glitch effect.</li>
<li><strong>Bulge Post‑Processing</strong> – Bulge effect with RGB distortion controls.</li>
<li><strong>Ripple Post‑Processing</strong> – Ripple effect with strength and size controls.</li>
<li><strong>Customizable Mouse Distortion</strong> – Flowmap‑based distortion with optional RGB shift.</li>
<li><strong>Lightbox Video/Audio</strong> – Supports <a href="https://fwdapps.net/p/sg/demo-1.html#/?rlguid=fwdsg0_&rlmid=7" rel="nofollow ugc">mp3</a>, <a href="https://fwdapps.net/p/sg/demo-1.html#/?rlguid=fwdsg0_&rlmid=0" rel="nofollow ugc">mp4</a>, <a href="https://fwdapps.net/p/sg/demo-1.html#/?rlguid=fwdsg0_&rlmid=12" rel="nofollow ugc">YouTube</a>, <a href="https://fwdapps.net/p/sg/demo-1.html#/?rlguid=fwdsg0_&rlmid=13" rel="nofollow ugc">Vimeo</a>, <a href="https://fwdapps.net/p/sg/demo-1.html#/?rlguid=fwdsg0_&rlmid=11" rel="nofollow ugc">HLS</a>, DASH, <a href="https://fwdapps.net/p/sg/demo-1.html#/?rlguid=fwdsg0_&rlmid=6" rel="nofollow ugc">Google Drive</a>, Dropbox, and more.</li>
<li><strong>Video Autoplay</strong> – Optional autoplay inside the <a href="https://fwdapps.net/p/sg/demo-2.html#/?rlguid=fwdsg0_&rlmid=0" rel="nofollow ugc">lightbox</a>.</li>
<li><strong>Private Video & Audio</strong> – Password‑protected media support, <a href="https://fwdapps.net/p/sg/demo-1.html#/?rlguid=fwdsg0_&rlmid=1" rel="nofollow ugc">example</a>.</li>
<li><strong>Chromecast Support</strong> – Cast compatible streams to TV.</li>
<li><strong>Video Thumbnails Live Preview</strong> – VTT or auto‑generated thumbnails in the lightbox.</li>
<li><strong>Video Subtitle Support</strong> – Subtitle support inside the <a href="https://fwdapps.net/p/sg/demo-1.html#/?rlguid=fwdsg0_&rlmid=0" rel="nofollow ugc">lightbox</a>.</li>
<li><strong>Automatic Content Detection</strong> – <a href="https://fwdapps.net/p/rl/" rel="nofollow ugc">Revolution Lightbox</a> detects media type automatically.</li>
<li><strong>Slideshow Support</strong> – Autoplay for grid items and lightbox.</li>
<li><strong>Drag & Swipe Support</strong> – Touch and drag navigation.</li>
<li><strong>Maximize & Minimize For Images</strong> – Double‑click/tap zoom and maximize controls.</li>
<li><strong>Share Button And Share Window</strong> – Built‑in share window with multiple platforms.</li>
<li><strong>Detailed Documentation</strong> – <a href="https://fwdapps.net/p/sg/javascript-documentation.html" rel="nofollow ugc">JavaScript documentation</a> and <a href="https://fwdapps.net/p/sg/wordpress-documentation.html" rel="nofollow ugc">WordPress documentation</a> included.</li>
</ul>
<h3>Configuration</h3>
<p>After activation, open the plugin settings in the WordPress admin area and create a new grid preset. Then use the shortcode below in any post or page.</p>
<h3>Use Cases</h3>
<ul>
<li>Infinite image grids for hero sections</li>
<li>Portfolio and gallery showcases</li>
<li>Interactive media walls</li>
<li>Product or brand storytelling sections</li>
<li>Immersive landing pages</li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="https://fwdapps.net/p/sg" rel="nofollow ugc">Homepage & Docs</a></li>
<li><a href="https://fwdapps.net/p/sg/#demos" rel="nofollow ugc">Demos</a></li>
<li><a href="https://fwdapps.net/p/sg/javascript-documentation.html" rel="nofollow ugc">JavaScript Documentation</a></li>
<li><a href="https://fwdapps.net/p/sg/wordpress-documentation.html" rel="nofollow ugc">WordPress Documentation</a></li>
<li><a href="https://fwdapps.net/contact" rel="nofollow ugc">Support</a></li>
<li><a href="https://fwdapps.net/p/rl/" rel="nofollow ugc">Revolution Lightbox</a></li>
</ul>
<h3>Shortcode</h3>
<p>Basic example:</p>
<p>[fwdsg preset_name=”Grid preset 1″ gallery_name=”test”]</p>
<h3>Development</h3>
<p>This plugin’s full source code is publicly available for transparency and verification.<br />
Developed and maintained by <a href="https://fwdapps.net" rel="nofollow ugc">FutureWebDesign</a>.</p>
<ul>
<li><a href="https://fwdapps.net/d/js/sg.zip" rel="nofollow ugc">Source code & build tools</a> — includes original uncompiled files and Vite build configuration.</li>
<li>Distributed plugin uses a compiled build generated by Vite for optimal performance.</li>
</ul>


Shader Grid

Powerful and extremely customizable responsive infinite image/video grid with WebGL shaders and lightbox support.

Soft8Soft LLC

<p>Verge3D is the most artist-friendly toolkit for creating interactive WebGL-based and immersive AR/VR experiences. Among the features of this framework are top-class graphics, integration with your favorite modeling suites, efficient web-friendly format for loading assets, seamless integration with WordPress and WooCommerce plugin. Interactivity is enabled with Puzzles, an intuitive and easy-to-learn visual scripting environment.</p>
<p>Verge3D can be used to create product configurators, 3D presentations, online stores, e-learning apps, 3D portfolios, browser games, and more.</p>
<p>You can try this plugin live using this <a href="https://sandbox.soft8soft.com/" rel="nofollow ugc">sandbox website</a> or follow the quick-start guide <a href="https://www.soft8soft.com/making-3d-product-configurator-for-woocommerce/" rel="nofollow ugc">here</a>.</p>
<h4>Take 3D web for a spin</h4>
<p>The high-tech WebGL technology becomes accessible with Verge3D. Your beautiful content will live on your WordPress website and thus will be available to billions of Internet users.</p>
<p>Interactivity, true 360 view and zooming capabilities bring your creation to entirely new level of engagement. It will work everywhere, from a small smartphone to workstation and even a TV set. We designed and assembled all tools you need in one place and called it Verge3D!</p>
<h4>Quality real-time graphics</h4>
<p>With Verge3D, real-time graphics are no longer associated with video games. Realistic visuals become possible with a sophisticated yet easy-to-use material system which is fully consistent with the modeling suite of your choice.</p>
<p>On the other hand, physically based rendering (PBR) which comes with Verge3D simplifies the task of creating engaging 3D Web content even more. You no longer need to be an experienced 3D specialist or graphics programmer to achieve a high level of representation. We already took care of it!</p>
<h4>Use familiar tools</h4>
<p>We designed Verge3D to be closely integrated with your favorite tools. You can create your 3D content in Blender, 3ds Max, or Maya, and export straight to a web page. You can also preview your scene in the browser using the Sneak Peek feature.</p>
<p>But, of course, aside from the 3D part, there is also web! With Verge3D, you can completely forget about building HTML/CSS layouts and JavaScript coding by<br />
hand. Verge3D perfectly works with WordPress and WooCoommerce, as well as the design software such as Webflow or Google Web Designer.</p>
<h4>Interactivity without coding</h4>
<p>Verge3D Puzzles are a fun, yet powerful tool to develop smart web applications of any complexity. With Puzzles, you can easily add behavior scenarios to your 3D content, making it interactive and responsive to user actions. Puzzles will increase efficiency of your team by distributing responsibilities between programmers and designers.</p>
<p>This amazing tool can be used both for fast prototyping and in production. For 3D artists, this invaluable tool overcomes technological barriers of web development thus making it possible to apply their creativity in the realm of interactive 3D Web!</p>
<h4>No vendor locks, no strings attached</h4>
<p>It’s up to you to decide whether to keep your 3D works private, show to your partners or share with the general public. Verge3D-based apps are hosted on your own WordPress servers and have no dependencies on any cloud platforms.</p>
<p>As such, you are in control of your own data, being able to choose how to store it, where and for how long.</p>


Verge3D Publishing and E-Commerce

Verge3D application publising and e-commerce plugin for WordPress.

Shader Grid vs Verge3D Publishing and E-Commerce