https://github.com/alexkaessner/macOS-UI-Kit

:gem: 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.
https://github.com/alexkaessner/macOS-UI-Kit

design design-tools macos-big-sur sketch sketch-libraries sketch-template touchbar ui-kits uikit

Last synced: 2 months ago
JSON representation

:gem: 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.

• Host: GitHub
• URL: https://github.com/alexkaessner/macOS-UI-Kit
• Owner: alexkaessner
• License: mit
• Created: 2016-09-30T17:21:39.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2025-05-28T21:54:33.000Z (4 months ago)
• Last Synced: 2025-05-28T22:19:52.278Z (4 months ago)
• Topics: design, design-tools, macos-big-sur, sketch, sketch-libraries, sketch-template, touchbar, ui-kits, uikit
• Homepage: https://www.macos-uikit.xyz
• Size: 582 MB
• Stars: 623
• Watchers: 24
• Forks: 23
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          
![Preview](/.images/repo-banner.png)

# macOS UI Kit for Sketch

[![latest release](https://img.shields.io/github/release/alexkaessner/macOS-UI-Kit.svg)](https://github.com/alexkaessner/macOS-UI-Kit/releases/latest) [![license](https://img.shields.io/github/license/alexkaessner/macOS-UI-Kit.svg)](https://github.com/alexkaessner/macOS-UI-Kit/blob/master/LICENSE) ![Sketch Version](https://img.shields.io/badge/Sketch-v101%20or%20newer-f7b500?logo=sketch)

Get the incredibly detailed and most accurate macOS UI Kit for Sketch. The library is loaded with hundreds of components, colors, and text styles. Arguably the fastest way to get started with your Mac app designs.

## Installation

1. [Download](https://github.com/alexkaessner/macOS-UI-Kit/releases/latest/download/macOS-UI-Kit.zip) the latest Version

2. Open Sketch.app

3. Go to _Sketch > Preferences… > Libraries > Add Library…_

4. Select the _macOS UI Kit.sketch_ File

> **Warning**: Please link the library first, before using the _Preview.sketch_ file.

## What’s Included?

- Super Accurate & Pixel Perfect

- Quick Start Document

- 750+ Customizable Symbols

- 270+ Text Styles

- Dark & Light Mode

- Touch Bar Kit Included

- Detailed Layer Styles

- System Color Variables

- System Cursors Included

- SF Symbol Support

## Minimum Requirements

**Made with Sketch 101.** Requires Apple’s [SF Pro](https://developer.apple.com/fonts/) Font.

## Contribution

Feel free to [report problems](https://github.com/alexkaessner/macOS-UI-Kit/issues) or [request new elements](https://github.com/alexkaessner/macOS-UI-Kit/discussions) on GitHub.  

You can also [contribute directly](https://github.com/alexkaessner/macOS-UI-Kit/wiki/Contribute) to the UI Kit by adding more elements.