outframe.js

JavaScript/TypeScript library for an easy solution to expanding your websites across multiple monitors / windows on desktop devices.

Online Demo

here

Compiling / Setup

None needed, no dependencies either. All code is in src/index.mjs.

Just run npm i outframe in a project directory, or use your own package manager, or include via ES6 modules:

import { outframe, getOutframeDocuments } from "https://unpkg.com/outframe@latest/src/index.mjs"

Quickstart for the midnight reviewers

0. Create a new folder and open it. Eg: mkdir i_cant_use_a_gui && cd i_cant_use_a_gui
1. This is a library, first create a simple index.html file containing a test website. sample code here.
   • That's wget -O index.html https://raw.githubusercontent.com/ZXMushroom63/outframe.js/refs/heads/main/docs/index.html
   • Different capitalisation in cURL curl -o index.html https://raw.githubusercontent.com/ZXMushroom63/outframe.js/refs/heads/main/docs/index.html
2. Serve with a http server. eg: python -m http.server 3000 in the same folder as the index.html file
   • Don't have python installed? npx http-server -p 3000
   • Don't have the node ecosystem installed? php -S localhost:3000
   • Don't have PHP? (good) ruby -run -e httpserver -p 3000
   • Don't have ruby? dotnet run --urls "http://localhost:3000"
   • Don't have dotnet? (also good). simply build your own memory safe http server in rust!
3. Open http://localhost:3000/ in a browser of your choice.
   • That's: chromium http://localhost:3000/
   • Or: firefox http://localhost:3000/
   • Or even: chrome http://localhost:3000/ if you like being tracked by google!
   • In fact, any spec-following browser will work!

Usage

here