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

Vanilla JS UI component library of HTML deprecated tags.
https://github.com/martine-dowden/vanilla-retro-js

javascript webcomponents

Last synced: 3 months ago
JSON representation

Vanilla JS UI component library of HTML deprecated tags.

• Host: GitHub
• URL: https://github.com/martine-dowden/vanilla-retro-js
• Owner: martine-dowden
• License: other
• Created: 2019-06-17T16:25:33.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-06T17:17:54.000Z (almost 2 years ago)
• Last Synced: 2024-07-08T06:05:22.876Z (4 months ago)
• Topics: javascript, webcomponents
• Language: JavaScript
• Homepage: https://martine-dowden.github.io/vanilla-retro-js/
• Size: 46.9 KB
• Stars: 15
• Watchers: 1
• Forks: 2
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-web-components - vanilla-retro-js - Vanilla JS UI component library of HTML deprecated tags. (Guides / Examples)

README

        
# 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';`

```HTML

  

    


      
Blink

    

  

```


## Marquee

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

```HTML

  

    Marquee Tag

  

```

### Properties

- height: number

- width: number

- direction: top | bottom | left | right (default: right)

## Running the Project

```bash

$ npm start

> navigate to http://localhost:8080/

```

## Using Components in an Angular or Vue Project

Per component

in Module or main.js:

```JavaScript

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

```

example

```JavaScript

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

```

Import whole library

```JavaScript

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

```