Create a UI kit

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.