Liquid Glass UI

Enhances the visual appeal of a WordPress GUI by introducing a dynamic and interactive "liquid glass" effect.

by Jules · github.com/donvoorhies/lg_plugin · website

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/donvoorhies/lg_plugin/archive/refs/heads/initial-plugin-structure.zip

No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Readme github.com/donvoorhies/lg_plugin ↗

Liquid Glass UI Plugin

Development Note

The Gutenberg block in src/block.js uses JSX. This requires a build step to convert it into JavaScript that browsers can understand. To set this up:

Make sure you have Node.js and npm installed.
Install @wordpress/scripts: npm install @wordpress/scripts --save-dev

Add script commands to your package.json:

"scripts": {
  "build": "wp-scripts build src/block.js --output-path=build",
  "start": "wp-scripts start src/block.js --output-path=build"
}

Run npm run build to build the block or npm run start to start development mode.
Update liquid_glass_ui_register_block in liquid-glass-ui.php to point to build/block.js instead of src/block.js.