Create a UI kit

Create a UI kit with common components that enables you to copy/paste elements across projects like footers, calls to action, and buttons.

The UI in this lesson may seem different if you've enables the Style Panel Beta! This content will be updated soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!

Do you find yourself creating the same layouts, elements, and pages over and over again in various projects? You can create a master project containing all kinds of elements — a library of content such as footers, calls to action, and so on. You can also create template pages for blogs and even a template style guide. Then, you can simply copy/paste to bring those elements — along with any children — and any classes attached to them — right into another project.

Learn more about copying and pasting between projects.

Creating a UI kit

To create your own UI kit, create a project (or a page on any project) and style common elements or components there. Pasting this UI Kit to other projects will set up a number of classes ready for you to use in your new project. Watch the video for examples.

Cloneable UI kit

We've made a small sample UI kit for this video and we're making it available for you to clone for yourself and reuse as you wish. Just clone the UI kit project to your account, then copy-paste elements into every new project to kickstart your next website with a clean style guide.

Browser support

Can I Use ? Data on support for the feature across the major browsers from