Perspective Ticker Pro redefines the horizontal scroll experience. Designed for "Big Type" and high-impact imagery, it utilizes a Linear Interpolation Engine to calculate the height of each card in real-time.

Cards start at a compressed minHeight on the left and expand into a full-scale maxHeight as they reach the right edge of the viewport. This architectural "rising" motion creates a sense of momentum and focus that static sliders simply cannot match. With a focus on editorial precision, the component keeps a perfectly straight baseline while the tops of the cards breathe with the movement of the page.

✨ Key Highlights

• Viewport-Mapped Height Scaling: Every card is aware of its coordinates. We use a math-mapped transition where $y = f(x)$, ensuring that the further right a card travels, the more it expands. This creates a mesmerizing "staircase" effect during auto-scroll.

• Bulletproof Scroll Delta Sync: Integrated with Framer's useVelocity. The ticker doesn't just scroll; it reacts to the intensity of the user's page scroll, accelerating and decelerating elastically with the page's movement.

• Inertial Drag Engine: A custom pointer-interaction layer that provides high-end "flick" physics. Each swipe has weight, momentum, and a customizable friction decay for a silky-smooth glide.

• Smart Interaction Logic: The engine automatically distinguishes between a "Swipe" and a "Click." Users can drag the ticker to explore without accidentally triggering links, while a deliberate tap opens your project pages instantly.

• Zero-Jitter GPU Acceleration: Built with translateZ(0) and will-change optimizations. This eliminates the "vibration" often seen in height-scaling components, ensuring the text and media remain crystal clear during high-speed movement.

• Mixed Media Architecture: Effortlessly host high-res images or looping background videos. The component handles object-fit: cover logic internally, ensuring your media always looks perfect as the card dimensions shift.

⚙️ Complete Design Control

• Layout Physics: Define the specific "Min" and "Max" heights to control the aggressiveness of the perspective shift.

• Physics Tuning: Adjust "Drag Force," "Inertia Decay," and "Scroll Sensitivity" to match the "vibe" of your site—from heavy and grounded to light and airy.

• Elite Typography: A full suite of property controls for both Title and Subtitle. Control weight, size, tracking, and line-height directly in the Framer sidebar.

• Hover FX: A sophisticated text-reveal system that uses spring-based blurs and vertical offsets to bring the "Project Details" to life.