Desktop Kit for Framer

Desktop Kit for Framer

With over 100 macOS UI components ranging from buttons and push notifications to fully interactive applications, the Desktop Kit for Framer gives you the building blocks to design incredible desktop experiences.

Download →

Getting started

Install the kit from the Framer Store and open the Components Panel.

Components Panel in Framer

The kit contains an ensemble of components to start prototyping with minimal setup. Simply drag them into the Canvas from the Components Panel to start using them.

Here's a quick overview:

  • Finder — Pull in real content from Dropbox and navigate files and folders.
  • Browser — See your web designs in the context of a Safari or Chrome browser.
  • Messages — Mimic the macOS Messages app.
  • macOS Desktop — Get started with a few key components from the kit.
  • LiveDesktop — Stage your designs in a dynamic macOS Desktop where windows can be focused, dragged, resized, and closed/opened.
  • Subcomponents — A few useful helper components used throughout the kit.
  • Stickersheets — A few key components from the kit neatly arranged.