Skip to content

Latest commit

 

History

History
36 lines (26 loc) · 1.05 KB

README.md

File metadata and controls

36 lines (26 loc) · 1.05 KB
Raw

Squirminal

The squirminal is a fake antique terminal web component

Installation

npm install @zachleat/squirminal

Usage

<squirm-inal>
[2021-11-17T23:41:07.790Z]  "GET /favicon.ico" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36"
[2021-11-17T23:41:07.791Z]  "GET /favicon.ico" Error (404): "Not found"
[2021-11-17T23:41:41.895Z]  "GET /demo.html" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:94.0) Gecko/20100101 Firefox/94.0"
</squirm-inal>
<script type="module" src="squirminal.js"></script>

Features

  • Works with prefers-reduced-motion
  • Works without JavaScript (fallback to show content)
  • Blinking cursor via <squirm-inal cursor>
  • Autoplay (only when visible) via <squirm-inal autoplay>
  • Works with text nodes inside any arbitrary HTML content.
  • Play/pause/reset button via <squirm-inal buttons>
  • Use <squirm-inal dimensions> to reduce layout shift during animation.

Credits