Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/touchbar/Touch-Bar-Preview
:computer: Touch Bar Preview is a small app to display your designs on the MacBook Pro’s Touch Bar.
https://github.com/touchbar/Touch-Bar-Preview
application design design-tools free-software macbook macos touchbar
Last synced: 4 days ago
JSON representation
:computer: Touch Bar Preview is a small app to display your designs on the MacBook Pro’s Touch Bar.
- Host: GitHub
- URL: https://github.com/touchbar/Touch-Bar-Preview
- Owner: touchbar
- License: mit
- Created: 2017-01-03T12:13:50.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2019-07-08T17:32:18.000Z (over 5 years ago)
- Last Synced: 2024-08-01T23:33:36.925Z (3 months ago)
- Topics: application, design, design-tools, free-software, macbook, macos, touchbar
- Language: Swift
- Homepage: https://touchbar.github.io
- Size: 1.92 MB
- Stars: 81
- Watchers: 2
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- open-source-mac-os-apps - Touch Bar Preview - Small application to display your designs on the Touch Bar of the new MacBook Pro. ![swift_icon] (Applications / Touch Bar)
- open-source-mac-os-apps - Touch Bar Preview - Small application to display your designs on the Touch Bar of the new MacBook Pro. ![swift_icon] (Applications / Touch Bar)
- awesome-swift-macos-apps - Touch Bar Preview - Small application to display your designs on the Touch Bar of the new MacBook Pro. (Touch Bar / Text)
- awesome-swift-macos-apps - Touch Bar Preview - Small application to display your designs on the Touch Bar of the new MacBook Pro. (Touch Bar / Text)
README
# Touch Bar Preview for macOS
[](https://github.com/touchbar/Touch-Bar-Preview/releases/latest) [](https://github.com/touchbar/Touch-Bar-Preview/blob/master/LICENSE) [](https://github.com/touchbar/Touch-Bar-Preview/releases/latest)  [](https://www.paypal.me/alexkaessner)
A small open source app to display your designs on the Touch Bar of the new MacBook Pro.
## Install
[Download](https://github.com/touchbar/Touch-Bar-Preview/releases/latest), unzip, and drag the app to Applications folder. Touch Bar Preview requires macOS 10.12.2 or higher.
## Instructions
**To use Touch Bar Preview just drag and drop a image file (PNG, JPEG) into the app.**
The image should be 2170px wide and 60px high. Since the Touch Bar is a high-resolution Retina display, this is equivalent to 1085pt by 30pt.
The app automatically overlaps the System button (esc) and Control Strip on top of your design. So you don't have to exclude them in your design! Your design will get the required offset to be perfectly aligned.
If your image is bigger or smaller than the required size, the image is currently stretched to fit into the app region.
### Why is it not possible to hide the ESC and System Buttons on the right side?
As Apple states in the [developer documentation](https://developer.apple.com/documentation/appkit/nstouchbar) of the Touch Bar:
>On the right side of the Touch Bar, the system supplies the always-available *Control Strip*. The Control Strip gives the user access to standard controls for display brightness, sound volume, Siri, and so on. Your app’s bars appear to the left of the Control Strip. The user can choose to hide the Control Strip, which gives the frontmost app the entire Touch Bar width.
Read more about the Touch Bar in the [Apple HIG](https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/OSXHIGuidelines/AbouttheTouchBar.html#//apple_ref/doc/uid/20000957-CH104-SW1).
## Touch Bar UI Kit
If you're searching for a Touch Bar UI Kit, take a look at my [macOS UI Kit](https://github.com/alexkaessner/macOS-UI-Kit) Bundle.
You can also find the download link in the app.
## Contributing
Feel free to create pull requests if you want to support the app!
If you have any feature request or found a bug, please create a new [issue](https://github.com/touchbar/Touch-Bar-Preview/issues).