marqy v_1.0.3

m
a
r
q
y

// High-fidelity loops for modern interfaces

// Light as a feather at under 1kB gzipped

+ Synchronized speeds that perfectly loop

+ CSS-based animations

+ Accessible by default

Playground

Quick Start

Install

yarn add marqy

Usage

import { Marqy } from 'marqy'
import 'marqy/dist/marqy.css'

<Marqy speed={1} direction="left" pauseOnHover>
  <span>Your content here</span>
</Marqy>
speed
number Default: 0.5
Scroll speed multiplier
direction
'left' | 'right' | 'up' | 'down' Default: 'left'
Direction of scroll
pauseOnHover
boolean Default: false
Pauses the animation on hover
manual
boolean Default: false
Renders without applying CSS animations
children
React.ReactNode
Content to repeat inside the marqy

// BPM_0.5: Chillwave

// BPM_1: House

// BPM_1.5: Techno

// BPM_3: Dubstep

In Use