reef-defi / ui-examples

Basic browser and framework agnostic UI components/examples for creating apps on the Reef Chain.

@reef-defi/ui-examples

Basic browser and framework agnostic UI components for creating apps on the Reef Chain based on @polkadot-js/ui.

Installation

Install dependencies with yarn.

Examples

A single file React example for EVM contract interaction can be run with:

• example-react - start with yarn example:react and view on http://localhost:8080
• example-angular - cd inside packages/example-angular then yarn install, ng serve and view on http://localhost:4200

It showcases the most used APIs.

Overview

The following UI components are currently available -

• react-identicon React identity icon generator with address as input
• reactnative-identicon React Native identity icon generator with address as input
• vue-identicon Vue identity icon generator with address as input
• react-qr QR code generator/reader for uos (Substrate/Polkadot only)

Additionally some shared libraries, that is not dependent on any framework -

• ui-assets Static assets, images and others, shared accross projects
• ui-keyring A browser-specific wrapper around the base @polkadot/util-keyring library
• ui-settings A browser local storage wrapper for app settings & configuration
• ui-shared Shared logic that is used accross UI components, e.g. for icon generation