GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → touchbar → Touch Bar Preview

touchbar / Touch Bar Preview

Licence: mit
💻 Touch Bar Preview is a tiny app to display your designs on the MacBook Pro's Touch Bar.

Programming Languages

swift
15916 projects

Labels

macosdesignapplicationfree-softwaredesign-toolstouchbarmacbook

Projects that are alternatives of or similar to Touch Bar Preview

Macos Ui Kit
💎 The most detailed and accurate macOS UI Kit for Sketch. This Sketch Library includes common Mac interface elements, cursors, and a Touch Bar UI Kit.
Stars: ✭ 551 (+698.55%)
Mutual labels:  touchbar, design, design-tools
Tutoshowcase
A simple and Elegant Showcase view for Android
Stars: ✭ 499 (+623.19%)
Mutual labels:  application, design
Greyprint
Templates with pre-made styles to assist icon, symbol, and glyph design.
Stars: ✭ 403 (+484.06%)
Mutual labels:  design, design-tools
Awesome Design Tools
The best design tools and plugins for everything 👉
Stars: ✭ 23,754 (+34326.09%)
Mutual labels:  design, design-tools
Prism
Gett's Design System code generator. Use Zeplin Styleguides as your R&D's Single Source of Truth.
Stars: ✭ 308 (+346.38%)
Mutual labels:  design, design-tools
Touchbar
Apple MacBook Pro TouchBar (NSTouchBar) Cheatsheet and Swift examples
Stars: ✭ 339 (+391.3%)
Mutual labels:  touchbar, macbook
Color Creator
Photoshop, Sketch and Affinity Designer documents that use base colors to generate larger palettes.
Stars: ✭ 430 (+523.19%)
Mutual labels:  design, design-tools
Awesome React Framer X
A collection of awesome links to learn React, ES6 & Framer X
Stars: ✭ 880 (+1175.36%)
Mutual labels:  design, design-tools
Steroidesign
Themes based on the biggest StartUps (buttons, color palette, components, etc.) ready to use in your own projects.
Stars: ✭ 786 (+1039.13%)
Mutual labels:  design, design-tools
Html Sketchapp Cli
Quickly generate Sketch libraries from HTML documents and living style guides, powered by html-sketchapp
Stars: ✭ 631 (+814.49%)
Mutual labels:  design, design-tools
Mtmr
🌟 [My TouchBar My rules]. The Touch Bar Customisation App for your MacBook Pro
Stars: ✭ 3,547 (+5040.58%)
Mutual labels:  touchbar, macbook
Bjango Templates
Design templates for Android, iOS, macOS, Apple TV (tvOS), Apple Watch (watchOS), Windows, Windows Phone and web favicons.
Stars: ✭ 988 (+1331.88%)
Mutual labels:  design, design-tools
Make-This
Project files for the Make This video series and community challenges.
Stars: ✭ 16 (-76.81%)
Mutual labels:  design, design-tools
Webdevscom
😍 All kinds of resources for Developers 🔱 in one place.
Stars: ✭ 364 (+427.54%)
Mutual labels:  application, design
word-color
Finds colors associated with a word, basically https://picular.co/
Stars: ✭ 39 (-43.48%)
Mutual labels:  design, design-tools
design-patterns-for-humans-cn
Design patterns for humans 中文版 - 对设计模式超简单的解释
Stars: ✭ 2,432 (+3424.64%)
Mutual labels:  design, design-tools
paper-dashboard-angular
Angular version of the original Paper Dashboard.
Stars: ✭ 142 (+105.8%)
Mutual labels:  free-software, design-tools
gachi-touchbar
Use the Touch Bar to play Gachi sound effects
Stars: ✭ 26 (-62.32%)
Mutual labels:  macbook, touchbar
Awesome Design Tools
Stars: ✭ 567 (+721.74%)
Mutual labels:  design, design-tools
Silex
Silex is a static website builder in the cloud.
Stars: ✭ 958 (+1288.41%)
Mutual labels:  design, design-tools
View All Similar Projects ➔

Touch Bar Preview for macOS

latest release license Total downloads minimal system requirements donate

app icon

A small open source app to display your designs on the Touch Bar of the new MacBook Pro.

Install

Download, 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 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.

Touch Bar UI Kit

If you're searching for a Touch Bar UI Kit, take a look at my 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.

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].