// 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
↑↑↑↑↑↑
↓↓↓↓↓↓
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 direction 'left' | 'right' | 'up' | 'down' Default: 'left' pauseOnHover boolean Default: false manual boolean Default: false children React.ReactNode // BPM_0.5: Chillwave
// BPM_1: House
// BPM_1.5: Techno
// BPM_3: Dubstep