Vanilla Retro JS

Demo: https://martine-dowden.github.io/vanilla-retro-js/

Source: https://github.com/martine-dowden/vanilla-retro-js

NPM: https://www.npmjs.com/package/vanilla-retro-js

Blink

import { Blink } from 'vanilla-retro-js/src/blink.js';

  <retro-blink>
    <div slot="content">
      <p>Blink</p>
    </div>
  </retro-blink>

Marquee

import { Marquee } from 'vanilla-retro-js/src/marquee.js';

  <retro-marquee direction="bottom">
    <span slot="content">Marquee Tag</span>
  </retro-marquee>

Properties

• height: number
• width: number
• direction: top | bottom | left | right (default: right)

Running the Project

$ npm start
> navigate to http://localhost:8080/

Using Components in an Angular or Vue Project

Per component

in Module or main.js:

  import 'vanilla-retro-js/src/{ componentName.js }';

example

  import 'vanilla-retro-js/src/blink.js';

Import whole library

  import 'vanilla-retro-js/src/vanilla-retro.js';