Basalio

Basalio is a focused set of interaction blocks for people who build portfolio and case-study sites in the WordPress block editor. It is not a page builder or a general animation engine. It adds the motion that makes creative work feel considered, and nothing else.

Every block is a native Gutenberg block. There is no separate canvas, no shortcode, and no page-builder lock-in. Add a Basalio block the same way you add a paragraph, set its options in the block sidebar, and the effect renders on the front end.

What is in the box

• Grid Reveal, a portfolio tile that reveals its caption on hover, focus, or tap.
• Case Study Transition, a cross-page shared-element transition from a grid tile to its case-study page.
• Text Reveal, a choreographed entrance for a headline, subhead, and optional button.
• Magnetic Button, a call-to-action that gently pulls toward the visitor’s cursor.
• Before / After, a draggable, keyboard-operable image comparison slider.
• Filterable Grid, a portfolio grid visitors can filter by discipline, with a Grid Item child block.
• Custom Cursor, a soft cursor accent for a bounded region of the page.
• Scroll Sequence, a frame-by-frame image sequence driven by scroll position.
• Pinned Scroll, an image that stays pinned while its story scrolls beside it.

Built for restraint and access

• Motion respects the visitor’s “reduce motion” system setting.
• Pointer effects are disabled on touch, where they would only get in the way.
• The shared front-end script loads only on pages that actually contain a Basalio block, never site-wide.