Store

Framer X includes an in-app store, containing packages created by thousands of designers and engineers from the Framer community.

Any design or code component can be packaged and published to the store. Packages can contain a variety of components: from complete interactive design systems to media players to image generators and so much more.

Installing

By default, the store shows you all of our Featured packages. Click on a thumbnail to navigate to its detail page. From here, you can install the package with a single click. After installing, the components from the package will appear in the Components panel.

Updating

When a package you’ve installed is updated by its author, you’ll be notified within at the components panel icon in the tab bar on the left. In the bottom-left corner of Framer, the amount of updates is shown. Clicking either of these will bring you to the Components panel. Right clicking any package header allows you to manage your package: update or un-install any package within your project.

Publishing

If you’ve created design and/or code components you’d like to share with the community, you can navigate to the store to publish it. On the top of the sidebar, you can click Publish to start publishing it. Then, you’ll be presented with the publishing flow, this is where you get your package ready for publishing with a title, description, icon and artwork.

Artwork & Descriptions

To differentiate your package from others and get noticed in the Store, you can add the following assets: a thumbnail, a banner and a description of the package contents and features. The description field supports Markdown which allows for easy and consistent styling throughout the description field. Uploading artwork and an icon is as easy as dropping it on the defualt icon and artwork or selecting Choose.

Start your free 14‑day trial.

Enter your email and we‘ll send you a download link for later.

We recently introduced Frames and Shapes, so some information in these videos may be outdated. To learn more visit our Help Center.