Stop wrestling with code overrides. TickerFlow Pro is a premium Framer component designed for designers who want complete creative freedom. Just drag it onto your canvas, and watch the magic happen every adjustment you make in the right-hand Properties Panel updates instantly in real-time.
This component is built entirely around the visual controls shown in the preview, letting you customize the layout and behavior without ever touching the code:
🎛 Visual Controls (Exposed as Framer Component Props):
Image & Card Dimensions: Easily set the Card Height, plus define Alt Width and Alt Height to ensure every image fits perfectly, regardless of its original aspect ratio.
Spacing & Layout: Adjust the Card Gap (horizontal spacing) and Row Gap (vertical spacing between multiple rows) with simple number inputs.
Style & Polish: Tweak the Corner Radius to switch between sharp, rounded, or pill-shaped cards. Change the Background color and inner Padding to match your brand palette seamlessly.
Design Width: Use this specific prop to simulate how the ticker will behave across different screen sizes directly inside the Framer canvas preview.
⚡ Dynamic Behavior Controls (Right in the Props Panel):
Multi-Row Support: Add extra rows to your ticker with a single prop. Perfect for showcasing multiple product lines, news categories, or brand logos simultaneously.
Adjustable Scroll Speed: Control the ticker’s velocity with a slider—crank it up for breaking news or slow it down for an elegant brand showcase.
Smart Loop & Pause: Toggle the infinite Loop on/off and enable Pause on Hover so users can read content comfortably. The motion gracefully decelerates and accelerates using Framer Motion’s native easing curves.
Dynamic Image Swapping: Easily change images by dragging and dropping new assets onto the placeholder or selecting them directly from your Framer asset library.
Stop wrestling with code overrides. TickerFlow Pro is a premium Framer component designed for designers who want complete creative freedom. Just drag it onto your canvas, and watch the magic happen every adjustment you make in the right-hand Properties Panel updates instantly in real-time.
This component is built entirely around the visual controls shown in the preview, letting you customize the layout and behavior without ever touching the code:
🎛 Visual Controls (Exposed as Framer Component Props):
Image & Card Dimensions: Easily set the Card Height, plus define Alt Width and Alt Height to ensure every image fits perfectly, regardless of its original aspect ratio.
Spacing & Layout: Adjust the Card Gap (horizontal spacing) and Row Gap (vertical spacing between multiple rows) with simple number inputs.
Style & Polish: Tweak the Corner Radius to switch between sharp, rounded, or pill-shaped cards. Change the Background color and inner Padding to match your brand palette seamlessly.
Design Width: Use this specific prop to simulate how the ticker will behave across different screen sizes directly inside the Framer canvas preview.
⚡ Dynamic Behavior Controls (Right in the Props Panel):
Multi-Row Support: Add extra rows to your ticker with a single prop. Perfect for showcasing multiple product lines, news categories, or brand logos simultaneously.
Adjustable Scroll Speed: Control the ticker’s velocity with a slider—crank it up for breaking news or slow it down for an elegant brand showcase.
Smart Loop & Pause: Toggle the infinite Loop on/off and enable Pause on Hover so users can read content comfortably. The motion gracefully decelerates and accelerates using Framer Motion’s native easing curves.
Dynamic Image Swapping: Easily change images by dragging and dropping new assets onto the placeholder or selecting them directly from your Framer asset library.
