Skip to main content

How to Create a Xircuits Component Library

In the previous guide, you have learned how to create a component. In this guide, you will learn how to create a component library, either creating from scratch or from a template.

Creating a Component Library From Scratch

Ensure that you already have a Xircuits working directory before proceeding.

  1. Create a directory in xai_components called xai_newLibrary.
  2. Inside that directory, indicate that your component library is a Python module by creating Leave it blank.
  3. Inside xai_newLibrary, create Inside, import the needed base Xircuits modules: from xai_components.base import InArg, OutArg, Component, xai_component.
  4. Insert your component definition inside You can use the same component created in the previous guide, or create a new one.
  5. Finally, inside xai_newLibrary, create requirements.txt. Populate the txt file with the required packages to install your library, or leave it blank if it does not require any additional library.

If you have done it correctly, you should end up with a directory tree similar to this:

# +-- xai_components
# +-- xai_newLibrary
# +--
# +--
# +-- requirements.txt

You can now check whether Xircuits have registered your component library. In the Component Tray, click the refresh icon. newLibrary should appear, and inside it your component ready to use. Congratulations, you have successfully created your own Xircuits component library!

Xircuits component libraries, as with Xircuits files are very sharable. All you need to do for your colleagues to use it is by dropping your component library folder in their xai_components folder, and your components should show up in theirs.


Creating a Component Library from the Template

We have provided a Xircuits library template repository here. To use it:

  1. Navigate to the library template in your web browser. Select Use this template.

  2. You will be prompted to create a new repository from xircuits-component-library-template. Give it a name and whether you'd want to make it a public or private repository. Once done, select Create repository from template.

  3. A new Xircuits component library should be created for you to clone. To use it, navigate to your Xircuits project directory, then

    cd xai_components
    git clone xai_lib_name

    You will need to prepend xai_ to the directory name in order for your component library to be parsed by the Xircuits component tray.

    Once complete, you should be able to render and use the components from the tray.

Creating individual component library repositories is the recommended way if your project requires multiple libraries that are also used in other projects.

Contributing your Own Component Library

Our official Xircuits Component Library list is built from our devs and open-source contributors. If you would like your component library to be included in this list, we've made a guide for you.