Interactive demo of Goodbricks widgets with different types and behaviors.
Trigger widgets are inline buttons that open modal overlays when clicked. They use useWidgetResize() for dynamic sizing and send resize messages on content changes.
A compact donation button that opens the donate form modal. Dynamically resizes based on button content.
A rich campaign card with image, title, description, and progress bar. Clicking opens the donation form. Uses dynamic height resizing (no fixed height constraint).
Modal widgets are designed to open in overlay modals. They use useModalResize(480, 560) which sends a single initial resize message for optimal performance. Responsive design: full-screen on mobile (≤768px), centered on desktop.
Full donation form with amount selection, donor information, and payment processing. Normally opened by trigger widgets above. Shown inline here for testing purposes.
embed.iife.jspostMessage