Skip to content

component

Directional Scroll

By Nico Neves

Details

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.

125015001750188878/148/228/309/79/15
  • All · #8887