Tilted Grid Hero

Tilted Grid Hero is a premium Framer Code Component that transforms ordinary image galleries into a cinematic visual experience. Images travel continuously from right to left along an invisible cylindrical surface, creating a beautiful curved perspective with a flat central viewing area and softly fading edges.

Designed for creative portfolios, modern agencies, architecture studios, photography websites, fashion brands, and premium landing pages.

Features

• 3D Cylindrical Image Animation: Images move around a virtual curved cylinder with realistic perspective.

• Continuous Motion: Smooth, seamless right-to-left image movement.

• Curved Image Slicing: Each image is divided into multiple slices to create a curved surface effect.

• Center-Focused Visuals: Images appear flatter and more prominent around the center.

• Elegant Edge Fading: Images gradually disappear at both ends.

• Custom Image Uploads: Replace the default gallery with your own images.

• Custom Animation Speed: Adjust the movement speed directly from Framer.

• Adjustable Curve: Control the cylinder's curvature.

• Flexible Tile Dimensions: Customize tile height, aspect ratio, and spacing.

• Typography Controls: Customize title and subtitle fonts using Framer's native font controls.

• Content Visibility: Independently show or hide the badge, title, subtitle, or entire content section.

• Custom Styling: Control colors, borders, tile radius, and container radius.

• Responsive Layout: Automatically recalculates the image arrangement when the component changes size.

• Reduced Motion Support: Respects the user's reduced-motion preference.

Perfect For

• Creative agency websites

• Photography portfolios

• Architecture studios

• Fashion and editorial websites

• Digital product landing pages

• Designer portfolios

• Modern brand presentations