MagnaCard

Physics-powered card grid that reacts to motion and magnetism.

MagnaCards combines magnetic physics, customizable gradients, and fluid motion for a tactile, eye-catching experience. Each card moves organically with your cursor, tilts dynamically, and can display stats, features, or links — all with fine-tuned design control.

Key Features

• Magnetic Motion Physics — Adjustable Magnetic Strength, Spring Stiffness, Damping, and Mass simulate lifelike motion and magnetic pull.

• Smart Layout Options — Control Title & Content Position (top or bottom), toggle Together or Separate display, and choose to Show/Hide content for minimalist layouts.

• Gradient & Color Customization — Use solid or gradient backgrounds with adjustable Start/End Colors and Angle, plus full Title and Content Color controls.

• Clickable Cards — Add a Link URL to any card for interactive navigation or CTAs.

• Customizable Typography — Choose separate fonts for titles, subtitles, and content to fit any design system.

• Flexible Card Design — Adjust Rotation Range, Padding, Gap, Separator Styling, and Border Radius for perfect composition.

Perfect For

• Showcasing metrics, stats, or achievements.

• Interactive feature or service highlights.

• Product storytelling with motion.

• Dynamic grid sections in landing pages.