component
Directional Scroll
By Nico Neves
Details
- Nico NevesAuthor
- componentType
- $10.00Price
- 2026-04-16Published
- 2026-04-16Updated
- 2026-04-13Added
- TextCategories
Summary
Stop Fighting the Scroll. Start Reacting
Description
Move beyond static! Direction-Aware Scroll is a high-performance ticker component that reacts dynamically to user behavior. Whether your users scroll up or down, the content pivots instantly, speeds up with their "impulse," and settles back into a smooth idle state. Features & Customization Bi-Directional Pivot: Set independent directions for Scroll Up and Scroll Down interactions. Impulse & Decay: Content accelerates based on scroll speed ( Scroll Boost ) and naturally slows down using a customizable Decay rate. Smart Idle State: Choose an Idle Direction and Delay so the marquee never stops moving, even when the user does. Max Impulse Control: Cap the maximum speed to maintain readability during fast scrolls. Hover Interaction: Includes a Pause on Hover toggle for better user experience. Style Ready: Built-in controls for background toggles and color overlays. How to Use Connect: Link your content (Text, Logos, or Frames) to the Content slot. Define Motion: Choose your Scroll Up and Scroll Down directions (Left or Right). Tune Physics: Adjust Base Speed for the idle state and Scroll Boost for the reaction intensity. Polish: Toggle Pause Hover and Decay to perfect the tactile feel.
Introduction
Stop Fighting the Scroll. Start Reacting
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #8887