#What is Tilt Card Grid?

Tilt Card Grid is a visually engaging Framer component that adds interactive 3D tilt effects to grid-based layouts. Designed for creators who want to elevate their UI with subtle but impactful motion, this component responds to cursor movement and creates a dynamic depth effect on cards. It’s perfect for portfolios, SaaS feature sections, team showcases, pricing grids, NFT galleries, or product collections. Built natively inside Framer, it works seamlessly with stacks, breakpoints, and animation controls without requiring custom code.

#Features ⚡

• 3D Tilt Interaction: Cards respond smoothly to cursor movement with depth-based motion.

• Smooth Hover Animations: Natural easing and motion for premium feel.

• Customizable Intensity: Adjust tilt strength and responsiveness.

• Flexible Card Content: Add images, icons, text blocks, or CTAs inside each card.

• Responsive Grid System: Automatically adapts across desktop, tablet, and mobile.

• Performance Optimized: Lightweight structure to ensure smooth rendering.

• Modern Aesthetic: Perfect for high-end, creative, and SaaS websites.

#Included Components

The package typically includes:

• Tilt-enabled card component

• Grid layout wrapper

• Motion configuration controls

• Responsive breakpoint settings

• Hover state styling options

• Adjustable spacing and padding controls

Everything is structured to drop directly into your Framer project with minimal setup.

#Pricing 💸

• Absolutely free

• Lifetime license for usage

• Free updates from the creator (as per marketplace policy)

Refer to the official marketplace page for current pricing details.

#Integrations 🧰

• Framer native layout system

• Framer breakpoints and responsive controls

• Framer motion & interaction settings

• Compatible with CMS collections for dynamic grids

• Works with existing Framer templates and sections