@vanillawc/wc-marquee

A vanilla web component marquee banner with party mode

Usage no npm install needed!

<script type="module">
  import vanillawcWcMarquee from 'https://cdn.skypack.dev/@vanillawc/wc-marquee';
</script>

README

<wc-marquee> The Marquee Tag as a Web Component

GitHub Releases NPM Releases Bundlephobia Latest Status Release Status

Discord Published on WebComponents.org

Installation

Installation

npm i @vanillawc/wc-marquee

Import from NPM

<script type="module" src="node_modules/@vanillawc/wc-marquee/index.js"></script>

Import from CDN

<script type="module" src="https://cdn.jsdelivr.net/gh/vanillawc/wc-marquee@1/index.js"></script>

Demo

Try it on WebComponents.dev

Usage

Attributes

  • party - enable party mode

Basic Usage

<wc-marquee>
This text will marquee across the screen
</wc-marquee>

Party Mode

<wc-marquee party>
This will demonstrate the resplendent joy of HTML in its prime
</wc-marquee>

Styling

Styling can be done using standard css attributes.

<wc-marquee style="font-family: sans-serif;">
This will demonstrate the resplendent joy of HTML in its prime
</wc-marquee>

Contributing

See CONTRIBUTING.md