Packages

Packages in Nordcraft allow you to build reusable components and functionality that you can use across different Nordcraft projects and share with the Nordcraft community.

For Devs

If you're already familiar with the JavaScript ecosystem, Packages in Nordcraft work like NPM packages. They can contain UI elements, custom actions, and other functionality.

The packages list is open to the left of the editor, showing information about the confetti back to the right. Visible is the package name, author, launch date and description, including a demo video and an interactive on-page demo. At the top right there are options to clone, star and install the package.

Browsing packages

To view a list of available packages, click on the packages button in the left sidebar. The packages panel organizes available packages into three tabs:

  • Popular: Most frequently installed packages
  • Newest: Recently published packages
  • Installed: Packages currently used in your project

Use the search bar to find specific packages.

Package details

Click on any package to view a detailed information page, which includes:

  • Documentation explaining the purpose and functionality of the package
  • Live interactive examples
  • Instructions for using components, actions, and formulas contained within the package
  • Details about available attributes, events, and configurations
  • Implementation examples and use cases

You can like packages you find useful by clicking the heart next to the install button at the top right of the page. Likes contribute to the package's ranking in the Popular tab.

Additionally, you can clone any package by clicking the clone button, which creates a copy of the package in your account that you can modify.

Package visibility

Packages can be public or private.

Public packages:

  • Are discoverable via the packages panel in the Nordcraft editor
  • Can be installed by any Nordcraft user
  • Can be cloned by any Nordcraft user

Private packages:

  • Are tied to the Nordcraft organization that owns them
  • Are discoverable by organization members who have access to the package
  • Can be installed by organization members who have access to the package in any project

Benefits of packages

Break down your project into packages to:

  • Share specific functionality and UI elements across projects
  • Make code easier to maintain
  • Contribute to the Nordcraft developer community and benefit from it
Edit article
Help Forum