Shader Grid

Àpèjúwe

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.

Highlights

Three.js + WebGL Shaders Ìtumọ̀ Yorùbá: – Next‑gen GLSL grid with rich visual effects and GPU performance.

Easy To Configure And Install Ìtumọ̀ Yorùbá: – Includes detailed documentation, demo pages, updates, and direct support from the developer Ìtumọ̀ Yorùbá: – Tibi @ FWD.

Main Features

• Responsive Layout Ìtumọ̀ Yorùbá: – Fully responsive and adaptable regardless of which device or screen size is used.
• Desktop & Mobile Optimized Ìtumọ̀ Yorùbá: – Optimized for iOS, Android, and desktop browsers.
• Lazy Scrolling/Loading Ìtumọ̀ Yorùbá: – Initialize only when visible in the page to save resources.
• Infinite Drag Ìtumọ̀ Yorùbá: – Drag infinitely in all directions with seamless wrapping.
• Paralax Ìtumọ̀ Yorùbá: – Optional vertical parallax.
• Customizable Size Ìtumọ̀ Yorùbá: – Adjust image size and spacing as needed.
• Caption Ìtumọ̀ Yorùbá: – Optional captions styled via CSS.
• Dynamic Image Black & White Ìtumọ̀ Yorùbá: – Adjustable black and white falloff from the center.
• Hover Scale Ìtumọ̀ Yorùbá: – Smooth hover scale with custom size.
• Scroll Speed Strength Ìtumọ̀ Yorùbá: – Fine‑tune drag speed and feel.
• Wave Post‑Processing Ìtumọ̀ Yorùbá: – Adjustable wave frequency, amplitude, and RGB shift.
• Glitch Post‑Processing Ìtumọ̀ Yorùbá: – Optional glitch effect.
• Bulge Post‑Processing Ìtumọ̀ Yorùbá: – Bulge effect with RGB distortion controls.
• Ripple Post‑Processing Ìtumọ̀ Yorùbá: – Ripple effect with strength and size controls.
• Customizable Mouse Distortion Ìtumọ̀ Yorùbá: – Flowmap‑based distortion with optional RGB shift.
• Lightbox Video/Audio Ìtumọ̀ Yorùbá: – Supports mp3, mp4, YouTube, Vimeo, HLS, DASH, Google Drive, Dropbox, and more.
• Video Autoplay Ìtumọ̀ Yorùbá: – Optional autoplay inside the lightbox.
• Private Video & Audio Ìtumọ̀ Yorùbá: – Password‑protected media support, example.
• Chromecast Support Ìtumọ̀ Yorùbá: – Cast compatible streams to TV.
• Video Thumbnails Live Preview Ìtumọ̀ Yorùbá: – VTT or auto‑generated thumbnails in the lightbox.
• Video Subtitle Support Ìtumọ̀ Yorùbá: – Subtitle support inside the lightbox.
• Automatic Content Detection Ìtumọ̀ Yorùbá: – Revolution Lightbox detects media type automatically.
• Slideshow Support Ìtumọ̀ Yorùbá: – Autoplay for grid items and lightbox.
• Drag & Swipe Support Ìtumọ̀ Yorùbá: – Touch and drag navigation.
• Maximize & Minimize For Images Ìtumọ̀ Yorùbá: – Double‑click/tap zoom and maximize controls.
• Share Button And Share Window Ìtumọ̀ Yorùbá: – Built‑in share window with multiple platforms.
• Detailed Documentation Ìtumọ̀ Yorùbá: – JavaScript documentation and WordPress documentation included.

Configuration

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.

Use Cases

• Infinite image grids for hero sections
• Portfolio and gallery showcases
• Interactive media walls
• Product or brand storytelling sections
• Immersive landing pages

Links

• Homepage & Docs
• Demos
• JavaScript Documentation
• WordPress Documentation
• Support
• Revolution Lightbox

Shortcode

Basic example:

[fwdsg preset_name=”Grid preset 1Ìtumọ̀ Yorùbá: ″ gallery_name=”test”]

Development

This plugin’s full source code is publicly available for transparency and verification.
Developed and maintained by FutureWebDesign.

• Source code & build tools — includes original uncompiled files and Vite build configuration.
• Distributed plugin uses a compiled build generated by Vite for optimal performance.