🎉 Use coupon MYXERO to enjoy 20% recurring discount on any plan. View Pricing
Throwable
Throwable

Throwable

0/5 (0 ratings) 10 active installs Updated Nov 9, 2025
Screenshot 1

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

  1. Add the “Throwable” block to your page/post
  2. Add any supported blocks inside (paragraphs, headings, buttons, etc.)
  3. Configure physics settings in the block sidebar:
    • Adjust gravity strength
    • Set bounce level
    • Enable scroll gravity for dynamic effects
  4. 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