Logo Cycle Pro — Animated logo grid with smooth cycling

About this ComponentLogo Cycle Pro is an animated logo grid designed for Framer websites.It displays logos in a clean grid layout and continuously swaps them with smooth transitions, creating a dynamic and engaging visual section. Perfect for showcasing clients, partners, or brand collaborations without overwhelming the layout.The component includes multiple animation styles like Blur Rise, Slide, Crossfade, Drift, and Reveal — allowing you to match the motion to your brand style.You can fully control grid layout, animation speed, logo sizing, and styling directly from the property panel.FeaturesAnimated Logo CyclingLogos automatically swap at set intervals, keeping the section dynamic and visually engaging.Multiple Animation StylesChoose from five animation types:• Blur Rise• Slide• Crossfade• Drift• RevealFlexible Grid LayoutControl the number of columns and rows to fit any layout.Full CustomizationAdjust:• Logo size• Grid gap• Cell background• Border radius• Animation timingSmart Logo RotationEnsures logos don’t repeat immediately, creating a smooth and natural cycling effect.Canvas-Friendly PreviewAnimations are disabled on the canvas for a clean editing experience and only run in preview/live mode.How to UseStep 1 — Add the componentPaste the component into your Framer canvas.Step 2 — Set your gridAdjust columns and rows to define how many logos are visible.Step 3 — Add logosUpload your brand or client logos in the property panel.Step 4 — Choose animationSelect an animation style and adjust timing.Step 5 — Customize stylingFine-tune spacing, colors, and logo sizing to match your design.Ideal Use Cases• SaaS landing pages• Agency websites• Startup websites• Portfolio projects• Client/partner showcase sectionsProperty Controls

Found on Devadex — the discovery index for independent software the big search engines bury. More from gumroad.

Report this listing