Creative Interactions

The details users remember are usually small: a button that leans toward the pointer, an image that previews under the cursor, a title that decodes into place. These details fail when they replace a usable control with a toy.

Core principle: hover is an enhancement; the interaction must survive touch, keyboard, reduced motion, and no JavaScript.

When to Use

• The design calls for magnetic buttons, a custom cursor, cursor trails, or hover previews.
• A gallery should be dragged, tilted, or explored with physical momentum.
• Typography should animate on scroll, hover, or entrance.
• A section needs a physics-based or audio-reactive signature moment.
• An existing creative interaction feels broken on touch or keyboard.
• Micro-interactions need to match the site's art direction without becoming noise.

When Not to Use