Skip to content

component

Tile to Marquee

By Cray

Details

Summary

Tile to Marquee is a specialized Framer component that converts a single square asset into a dynamic, infinitely scrolling pattern.

Description

Tile to Marquee is a specialized Framer component that converts a single square asset into a dynamic, infinitely scrolling pattern. Engineered for seamlessness and interactivity, it goes beyond simple loops by offering a tactile, physics-based experience for background textures and brand patterns. The component’s standout feature is its velocity-aware drag system . Users can grab and flick the pattern, with the animation responding to the energy of the drag before smoothly settling back into its constant scroll. To maintain a professional aesthetic, the component includes intelligent snapping logic that automatically calculates and adjusts container dimensions to ensure your tiles are always perfectly framed—never cut off or cropped mid-image. Why use Tile to Marquee? Dynamic Tile Logic: Instantly creates a grid-style marquee with customizable tile sizes and gaps. Momentum Physics: Supports manual dragging with velocity tracking and natural friction decay. Smart Framing: Snaps container height to tile multiples for a mathematically perfect layout. Interactive Control: Smooth "Pause on Hover" transitions with customizable easing curves. High Performance: Optimized for low CPU usage even with large-scale pattern backgrounds.

Introduction

Turn a Tile into Scrolling Marquee!

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750181968/148/228/309/79/15
  • All · #8126