# How to create and share 'Custom component packs' ?

> Just like the default UI packs available for iPhone, Android, Web, etc.  Designers can create custom packs and add their own...

Source: https://mockflow.com/docs/wireframepro/ui-packs/create-and-share-custom-component-packs

Just like the default UI packs available for iPhone, Android, Web, etc.  Designers can create custom packs and add their own components to it. Custom component packs are available across all projects in that user's account, and they can also be shared with other Team Members.

### **About sharing custom packs:**

Custom component packs are automatically shared for all Team Members with TeamPack/Business licenses. For example, if you have a 3-user TeamPack license, Any custom component pack created will be available for all 3 users of the TeamPack license.  

NOTE: This feature is enabled for TeamPack/Business license users only and is not enabled for users with any other license editions like 'Premium'.

### **Steps to create custom packs:**

1. Open category listing from the component sidebar.

1. Click on the "Create a component pack" icon.

![Navigating to the custom packs under 'Change UI Pack'](https://assets.mockflow.com/docs/media/af8c83347f1f3b4cf1267e83.gif)

1. Enter a name for the custom pack.

1. After the new pack is created, it will automatically open in the component sidebar, or you can also select it later from the pack listing, just like selecting any other pack.

![Name the custom pack name](https://assets.mockflow.com/docs/media/6bf099714376737066126e7f.gif)

1. First, select the components in the editor (it can be any component, image, icon, or group of comps).

1. Click the 'Add component to Pack' button in the left sidebar.

![Adding the component pack](https://assets.mockflow.com/docs/media/51f1a2bfe5a50500b1bb7db7.webp)

1. Give a component name.

1. This adds the component to the pack immediately.

![UI pack has been added](https://assets.mockflow.com/docs/media/523c6aa8b960e738dbbf8931.gif)

Note: Components are saved independent of the components present in the wireframe so deleting or modifying the drawing in the wireframe won't affect the saved components in the custom packs.
