Installation

Simple Marquee

Simple Marquee is available as an npm package.

Package DEMO.

npm:

npm i @mollahdev/marquee

Import and use the package

import Marquee from '@mollahdev/marquee'

new Marquee( '.marquee-up', { 
    direction: 'up', // 'up' | 'down' | 'left' | 'right'
    duration: 30 // number
})

HTML Markup

<div class="marquee-up">
    <picture>
        <img src="./images/ecwid.webp" />
    </picture>
    <picture>
        <img src="./images/emoji.webp" />
    </picture>
    <picture>
        <img src="./images/shopify.webp" />
    </picture>
    <picture>
        <img src="./images/webflow.webp" />
    </picture>
    <picture>
        <img src="./images/wix.webp" />
    </picture>
    <picture>
        <img src="./images/wordpress.webp" />
    </picture>
</div>