Utility Blocks
A collection of useful Gutenberg blocks to extend WordPress editing capabilities.
by Web Guy Jeff · github.com/webguyjeff/utility-blocks · 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/webguyjeff/utility-blocks/archive/refs/heads/main.zipA collection of custom Gutenberg blocks for layout, UI components, and interactive features in WordPress.
✨ Features
- Collection of reusable Gutenberg blocks for various use cases
- Includes layout utilities, UI components, and interactive elements
- Built for flexibility and experimentation
- Designed to extend the WordPress block editor
- Lightweight and modular block structure
Included blocks:
- Anchor — wrap anything in a link (HTML anchor)
- Border — enhanced border and layout control
- Camper Animation — animated visual component
- Flippable Card / Cards — interactive card UI elements
- Hero Punch — prominent hero section block
- Inline SVG — Display SVG inline to allow manipulation with CSS/JS
- Mortgage Calculator — interactive calculation tool
- Social Links (Gradient Fill) — enhanced social icon styling
- Vector Shapes — decorative and layout graphics
📦 Installation
WordPress
- Upload the plugin to
/wp-content/plugins/ - Activate the plugin via the WordPress admin
- Open the block editor to access the custom blocks
🚀 Usage
WordPress
- Open the block editor in any post or page
- Search for the desired block by name
- Insert and configure using block settings
Use cases:
- Enhancing content with interactive UI elements
- Adding custom layout and design components
- Extending core block functionality
⚙️ Configuration
- Configure individual blocks via block settings in the editor
- Some blocks may include custom controls or options
- No global configuration required
🧱 Blocks / Components
This plugin includes multiple custom blocks, including:
- Layout utilities (anchors, borders)
- Interactive components (cards, calculators)
- Visual enhancements (SVG, shapes, animations)
🎨 Styling (if applicable)
- Blocks inherit theme styles where appropriate
- Additional styling is included for each block
- Customisable via block settings and CSS
📸 Screenshots
Screenshots coming soon...
🛣 Roadmap
- [ ] Additional utility blocks
- [ ] Improved block settings and controls
- [ ] Performance optimisations
- [ ] Optional block grouping or categorisation
🤝 Contributing
Contributions, issues, and feature requests are welcome.
If you’d like to contribute:
- Fork the repo
- Create a feature branch
- Submit a pull request
🐛 Issues
If you find a bug, please open an issue with:
- Steps to reproduce
- Expected behaviour
- Screenshots (if relevant)
📄 License
This project is licensed under the GNU General Public License v3.0.
👤 Author
Built and maintained by webguyjeff