Directory / plugin
Throwable
v0.1.2 · by Blocklayouts
A simple block that lets you throw and bounce content around with physics.
About this plugin
The Throwable block creates an interactive physics simulation where inner blocks “fall” and bounce around the container.
Features:
– Physics simulation using Matter.js
– Support for innerBlocks (paragraphs, headings, buttons, etc.)
– Customizable physics settings (gravity, bounce)
Physics Settings:
– Gravity: Control the strength of gravity (0.1 – 2.0)
– Bounce (Restitution): Control how much blocks bounce (0 – 1)
Usage
- Add the “Throwable” block to your page/post
- Add any supported blocks inside (paragraphs, headings, buttons, etc.)
- Configure physics settings in the block sidebar:
- Adjust gravity strength
- Set bounce level
- Enable scroll gravity for dynamic effects
- Publish and view your page to see the physics simulation in action
Resources
This plugin uses Matter.js for physics simulation, which is licensed under the MIT License.
- Matter.js: https://github.com/liabru/matter-js/blob/master/LICENSE
- License: MIT License