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

0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

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

Readme

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.

Read the full README on GitHub →