Ticker Flow

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.