Skip to main content

Getting Started

Welcome to Pipeline UI, a library of standardized React components for the Algorand Ecosystem!


WalletConnect and AlgoSigner now supported in all Pipeline libraries!

Install the library:

cd myNewApp
npm install pipeline-ui

Import components into your React project:

import { AlgoButton, AlgoSendButton, Pipeline} from 'pipeline-ui';

All Pipeline UI libraries and demos execute transactions on the Algorand MainNet by default. To send transactions on the TestNet, check out SwitchNet Component

Modifying the library:

If you wish to download and modify the library components via source code, run the following code to save it to your user root directory and install its dependencies:

git clone
cd pipeline-ui
npm install

You may then edit the components via the index.js file found inside each component folder in the parent folder /src. After saving changes, you must then run the following code from the pipeline-ui parent folder:

npm run build
npm pack
Docusaurus with Keytar