A curved, three-dimensional logo grid built around spatial positioning, calculated depth, and continuous motion. Instead of treating logos as a flat carousel or marquee, the component calculates their position, scale, opacity, and visual falloff across the wall's geometry, maintaining the 3D composition as the wall moves.
Cursor movement, drag, and scroll all influence the same motion system, creating a continuous surface rather than a collection of disconnected hover and animation effects.
Built for client logos, partners, sponsors, integrations, and technology stacks, with layout, motion, styling, and brand controls exposed directly through Framer.
Spatial 3D grid — Position logos across a curved surface with adjustable tile size, spacing, and wall dimensions.
Physics-driven depth — Cursor position influences the focal point, with distance affecting scale, blur, opacity, and visual focus.
Momentum-based drag — Drag the wall with configurable friction for continuous movement that decays naturally.
Scroll & trackpad input — Wheel movement feeds directly into the motion system, including accumulated movement energy.
Continuous grid rendering — Extra rows and columns extend beyond the visible frame to maintain the grid during movement.
Depth-based falloff — Blur and grayscale can increase as logos move away from the focal area.
Custom brand library — Add your own logos, hide defaults, and control which brands appear.
Responsive rebuilding — Grid dimensions automatically recalculate when the component changes size.
Performance-aware rendering — Animation is suspended when the component leaves the viewport.
Client & partner showcases · SaaS integrations · Technology stacks · Sponsor walls · Brand sections · Agency websites · Startup landing pages · Product websites · Interactive hero sections
No external setup required. Add the component to your project, replace the brands, configure the interaction, and publish.
A curved, three-dimensional logo grid built around spatial positioning, calculated depth, and continuous motion. Instead of treating logos as a flat carousel or marquee, the component calculates their position, scale, opacity, and visual falloff across the wall's geometry, maintaining the 3D composition as the wall moves.
Cursor movement, drag, and scroll all influence the same motion system, creating a continuous surface rather than a collection of disconnected hover and animation effects.
Built for client logos, partners, sponsors, integrations, and technology stacks, with layout, motion, styling, and brand controls exposed directly through Framer.
Spatial 3D grid — Position logos across a curved surface with adjustable tile size, spacing, and wall dimensions.
Physics-driven depth — Cursor position influences the focal point, with distance affecting scale, blur, opacity, and visual focus.
Momentum-based drag — Drag the wall with configurable friction for continuous movement that decays naturally.
Scroll & trackpad input — Wheel movement feeds directly into the motion system, including accumulated movement energy.
Continuous grid rendering — Extra rows and columns extend beyond the visible frame to maintain the grid during movement.
Depth-based falloff — Blur and grayscale can increase as logos move away from the focal area.
Custom brand library — Add your own logos, hide defaults, and control which brands appear.
Responsive rebuilding — Grid dimensions automatically recalculate when the component changes size.
Performance-aware rendering — Animation is suspended when the component leaves the viewport.
Client & partner showcases · SaaS integrations · Technology stacks · Sponsor walls · Brand sections · Agency websites · Startup landing pages · Product websites · Interactive hero sections
No external setup required. Add the component to your project, replace the brands, configure the interaction, and publish.
