WebX Tilt Cards 3d

WebX Tilt Cards 3d
WebX Tilt Cards 3d

About WebX Tilt Cards 3d

About WebX Tilt Cards Pro

Turn ordinary content cards into tactile, responsive 3D experiences.

WebX Tilt Cards Pro is a flexible card grid for Framer with cursor-responsive perspective, layered depth, image parallax, spotlight, glare, shadows and smooth spring motion.

Use it for portfolios, services, products, features, case studies, editorial content or anywhere a flat card needs more presence.

Features

  • Responsive 3D cursor tilt

  • Layered image, title, body and accent depth

  • Image parallax and hover scaling

  • Cursor-following spotlight

  • Directional glare effect

  • Dynamic hover shadows

  • Adjustable perspective and tilt strength

  • Custom gradients, borders and accent colors

  • Per-card images, content, colors and links

  • Responsive desktop, tablet and mobile columns

  • Full typography controls

  • Reduced-motion support

  • Static Framer Canvas/export rendering

  • Offscreen animation pausing for better performance

  • Accessible keyboard-friendly linked cards

Built-In Playground

Enable the optional Playground to let visitors experiment with the component directly.

Adjust:

  • 3D On / Off

  • Tilt strength

  • Light intensity

It is intentionally simple so the interaction remains the focus.

Perfect For

  • Portfolio projects

  • Feature sections

  • Product showcases

  • Agency websites

  • Case studies

  • Services

  • Landing pages

  • Editorial layouts

Easy to Customize

Add your cards, upload images, change typography and colors, then fine-tune everything from tilt strength and depth to glare, spotlight, shadows and perspective directly inside Framer.

No external setup required.

Designed to feel impressive out of the box while still giving advanced users the controls needed to make it their own.