Enchoufable Shader Backgrounds

Enchoufable Shader Backgrounds gives sections, columns and containers an animated background that runs on the visitor’s graphics card (WebGPU). Your content stays on top and clickable.

Eight effects: Aurora, Dot grid, Flowing gradient, Linear gradient, Radial gradient, Simplex noise, Solid colour and Voronoi.

• Designer with live preview. Pick an effect and change its colours, speed, opacity and quality while you watch the result.
• Starter backgrounds. One click creates eight ready-made backgrounds to start from.
• Gutenberg. A Enchoufable Shader Backgrounds panel on Group, Cover, Columns and Column blocks.
• Elementor. A Enchoufable Shader Backgrounds section on the Style tab of containers, sections and columns, with live preview in the editor.
• Any other builder. Paste the background’s CSS class (for example enchoufable-shader-123) into the class field of a row or section: WPBakery, Divi, Bricks, Beaver Builder, Oxygen and others.
• Placement rules. Target any element with a CSS selector, on one page or every page, without editing the theme.
• Shortcode. [enchoufable_shader id=”123″] places a background wherever shortcodes run.
• Considerate by default. Visitors who ask for reduced motion, and browsers without WebGPU, see a static fallback colour you choose. You can also make a background static on phones. A background only animates while it is on screen and pauses when the tab is hidden.
• Nothing loads from elsewhere. The renderer is bundled with the plugin, and its telemetry code has been removed. Pages call only your own site.

This plugin is free and complete as it stands. A separate premium version offers a larger library of 200 effects, layered compositions and twelve more starter backgrounds.

External services

Enchoufable Shader Backgrounds uses Freemius for the optional premium upgrade and, if you agree, for usage data.

• Opt-in. After activation, an administrator can choose to share data with Freemius, or skip. Only after opting in, Freemius receives: the site’s address, title and language; WordPress, PHP, plugin and SDK versions; the administrator’s first and last name and email address; whether the plugin is active, deactivated or uninstalled (with the reason, if given); and, unless you untick it, the names, versions and status of installed plugins and themes. You can opt out later from the plugin’s Account page.
• Upgrade and licence. If you buy or activate the premium version, Freemius handles checkout, the licence and its updates, and receives the site’s address to tie the licence to it.

Freemius terms of service and privacy policy.

Front-end pages never contact Freemius or any other outside service, and none of the eight effects loads images, video or other media. Only the site’s own REST endpoint (/wp-json/enchoufable/v1/presets) is called, to load background settings.

Source code

assets/engine.js is the open-source Shaders library (MIT), bundled with esbuild and not minified. Its build script and package.json are in the plugin’s source folder, with instructions in source/README.md. All other files are the source itself.