Gix Components screenshot

Gix Components

Author Avatar Theme by Dfinity
Updated: 17 Jan 2026
41 Stars

A UI kit developed by the GIX team

Categories

Overview:

GIX Components is a UI kit developed with SvelteKit by the GIX team. It was initially implemented for the frontend dapp of the Network Nervous System (NNS) and is continuously being improved. The showcase and documentation for GIX Components are deployed on the IC.

Features:

  • UI Kit: GIX Components provides a wide range of UI components for web development.
  • SvelteKit: The UI kit is built with SvelteKit, a framework for building applications with Svelte.
  • Continuous Improvement: GIX Components is regularly updated and improved by the GIX team.

Installation:

To install GIX Components, follow these steps:

  1. Install gix-components as a dependency.
  2. Run npm run package to bundle the library. This will generate a dist directory.
  3. The root directory can be used to consume a local version of gix-components in another project (npm i /../gix-components).
  4. To run Jest unit tests in the other project, pack the library first (cd package && npm pack) and then install it (npm i /../gix-components/dfinity-gix-components-0.0.1.tgz).
  5. Refer to the documentation for more information.

Summary:

GIX Components is a UI kit developed with SvelteKit by the GIX team. It provides a wide range of UI components for web development and is continuously improved. The showcase and documentation for GIX Components can be found on the IC. To install the UI kit, follow the provided installation instructions.