Linear is a ruler application for Mac, made with web development in mind. It sits in your menu bar and doesn't get in your way. Here are a few highlights:
px
or em
values; set the default font-size to your convenience.Here is a video to get you started.
Linear is proudly built with Electron.
Download the latest build or install via homebrew (thanks to @goronfreeman):
$ brew cask install linear
Linear uses a transparent, resizable frameless window, which is rather experimental. This is why Mac is the only supported platform at the moment.
Creating your own linear theme is as simple as adding a custom css file to linear's theme directory. Linear will use the name of your custom css file as the name of your theme. Follow these steps to get you started:
universal.css
file and rename it to your new theme name (e.g. my-awesome-theme.css
)./Users/<username>/.linear/themes
Tip: Linear will titlecase your css files to generate your theme name. For example, a file named my-awesome-theme.css
will be seen in linear as My Awesome Theme
.
Any contribution is welcome, in fact, you'll receive an instant hug for doing one. ;) Linear was built as a side project and is a little rough around the edges, so even bug reports would be great.
After you've cloned or forked the repo, you'll need to install the dependencies (like Electron, etc):
$ npm install
Then to start the app:
$ npm start
To start in debug mode (attaches chrome developer tools):
$ npm debug
MIT © The UX Shop