About 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.
