About Fragment Card

A familiar object. An unexpected surface. Turn images and short films into tactile cards that shift, separate and return to themselves. Choose from five cursor-reactive effects, with a brief tap response on mobile. Customize media, typography, colors, content and motion directly in Framer. Built with lightweight Canvas rendering, reduced-motion support and thoughtful fallbacks.

Features

• Five interactive surfaces: Fragment, Pixel Shift, Wave, Depth and Directional Reveal.

• Images, responsive posters and video.

• Local cursor influence and spring reconstruction.

• Tap burst with automatic return on touch devices.

• Keyboard-operable static effect preview.

• Optional title, description, price and CTA.

• Editable styling, image focus and typography.

• Offscreen pause, reduced motion and simple fallback.

• One standalone React + TypeScript file.

• 45 controls in the Framer properties panel

• Respects prefers-reduced-motion