All Projects → progrium → topframe

progrium / topframe

Licence: MIT license
Local webpage screen overlay for customizing your computing experience

Programming Languages

javascript
184084 projects - #8 most used programming language
go
31211 projects - #10 most used programming language
HTML
75241 projects
shell
77523 projects
Makefile
30231 projects

Projects that are alternatives of or similar to topframe

XION-ChaseCam
This is a free-to-use HTML/javascript based overlay for roleplay streamers. Basically it mimics the overlay of the AXON bodycam, but since most folks play in 3rd person, it's a ChaseCam. I've included a logo, and the html file. The html file has the css, html, and javascript all in one file for ease of editing. Goto line 81 of the html file to c…
Stars: ✭ 27 (-91.59%)
Mutual labels:  overlay, html-css-javascript
Online-News-Portal-with-Django
Daily News For You is an online news portal developed by Django and SQLite
Stars: ✭ 45 (-85.98%)
Mutual labels:  html-css-javascript
lispmob
LISP and LISP-MN Implementation
Stars: ✭ 44 (-86.29%)
Mutual labels:  overlay
flutter examples
Random flutter examples
Stars: ✭ 18 (-94.39%)
Mutual labels:  webview
chatApp
This is the chat application based on Javascript, html and bootstrap. This chat app use the firebase real time database.
Stars: ✭ 15 (-95.33%)
Mutual labels:  html-css-javascript
VHLWebView
微信/支付宝样式的网络浏览器控件。WKwebview 封装,js bridge和拦截url方式两种方法实现 oc和js交互
Stars: ✭ 14 (-95.64%)
Mutual labels:  webview
IRCIS
I Run Chars I See(IRCIS) - a 2d grid based esoteric programming language.
Stars: ✭ 103 (-67.91%)
Mutual labels:  html-css-javascript
webview-cs
C# Bindings to https://github.com/zserge/webview
Stars: ✭ 110 (-65.73%)
Mutual labels:  webview
MkBrowser
🌐 一个简易的 Android 网页浏览器 A simple Android web browser
Stars: ✭ 55 (-82.87%)
Mutual labels:  webview
RobustWebView
Android WebView H5 秒开方案总结
Stars: ✭ 38 (-88.16%)
Mutual labels:  webview
Personal-home-page
HTML+CSS+JS的个人主页,纯前端代码。
Stars: ✭ 57 (-82.24%)
Mutual labels:  html-css-javascript
KJOverlayTutorial
A Tutorial for iOS
Stars: ✭ 99 (-69.16%)
Mutual labels:  overlay
front-end-projects
I will try to complete 50 projects by the end of 2021. In this repository, I will add each project with code and also host them with help of Github pages.
Stars: ✭ 18 (-94.39%)
Mutual labels:  html-css-javascript
LazyBlacksmith
EVE Online Industry app written in python (flask) for backend, html / css / js for frontend
Stars: ✭ 44 (-86.29%)
Mutual labels:  html-css-javascript
markyp-bootstrap4
Create Bootstrap 4 web pages using purely Python.
Stars: ✭ 19 (-94.08%)
Mutual labels:  html-css-javascript
ExSharp-Base
External League of Legends Base
Stars: ✭ 128 (-60.12%)
Mutual labels:  overlay
deadbeef-overlay
DeaDBeeF player overlay for Gentoo Linux
Stars: ✭ 13 (-95.95%)
Mutual labels:  overlay
AppGuideOverlay
macOS user interface guide to display an overlay with descriptions of NSViews in your app
Stars: ✭ 17 (-94.7%)
Mutual labels:  overlay
Take-Notes
Huge Assignments to Write with only a little time in Hand?
Stars: ✭ 17 (-94.7%)
Mutual labels:  html-css-javascript
autojs-webView
autojs的webView实现,支持初始化脚本注入、jsBridge两端互调
Stars: ✭ 38 (-88.16%)
Mutual labels:  webview

Topframe

Topframe

Local webpage screen overlay

@progriumHQ on Twitter Project Forum Sponsor Project


Topframe Demo

  • Customize your computing experience with webdev
  • Display information and always-on-top widgets
  • Edit source, hit save, screen will update
  • Extensible with shell scripts in any language
  • Less than 400 lines of Go code, minimal deps
  • Currently alpha, macOS only ...

Getting Started

You can download from Releases or with Homebrew you can:

$ brew install progrium/taps/topframe

If you download a release zip make sure to unzip and put the binary in your PATH (like /usr/local/bin).

$ topframe -h
Usage: topframe <flags>
Topframe is a fullscreen webview overlay agent

Flags:
  -docs       open documentation in browser
  -help       show help
  -plist      generate launch agent plist
  -version    show version

To start it and show the demo webpage overlay, simply run topframe. This will also:

  • create a ~/.topframe directory with a demo index.html used for the overlay
  • watch for file changes in ~/.topframe to trigger a page reload
  • add a menu bar extra (🔲) to control the overlay

If you edit ~/.topframe/index.html and hit save, changes will reflect immediately. If you hate the demo content of the default index.html, change it! Use Show Source from the menu extra to quickly open your topframe directory.

Launching on Startup

Topframe works with launchd to run as a background agent on startup. You can generate an agent plist file with topframe -plist, which you can write to a file in ~/Library/LaunchAgents:

$ topframe -plist > ~/Library/LaunchAgents/com.progrium.Topframe.plist

It's a good idea to view the output before writing to the file, just to make sure paths are correct. If you don't know what is correct, it's probably fine!

Documentation

There is not a whole lot to Topframe! I recommend reading the source as its only a few hundred lines, but otherwise there is a wiki ready to document anything else.

Getting Help

If you're having trouble, be sure to check issues to see if its a known issue. Otherwise, feel free to drop a question into the discussion forum.

Contributing

Ideally, Topframe is kept small. Bug fixes and other small PRs are welcome and should be merged quickly. If you happen to have a large PR that we haven't discussed, you should talk about it in the forum first. In order to keep the project small, some features suggestions may be held back in favor of determining a good extension point to expose instead.

About

Topframe started as a 130 line example for progrium/macdriver.

MIT Licensed

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].