polkadot-jspolkadot-js
126

UI

screenshot of UI
react
react-native
vue

Re-usable browser libraries and React UI components used inside the polkadot.{js} family of Polkadot and Substrate applications. Full documentation & examples available

GithubDemo

Overview:

The @polkadot/ui library provides basic browser and framework agnostic UI components for creating apps using the polkadot{.js} libraries. It includes various components such as identity icon generators, a QR code generator/reader, and shared libraries for browser-specific functions like keyring and local storage.

Features:

  • React Identicon: Generates a unique identity icon using React, with the address as input.
  • React Native Identicon: Generates a unique identity icon using React Native, with the address as input.
  • Vue Identicon: Generates a unique identity icon using Vue, with the address as input.
  • React QR: Generates and reads QR codes specifically for uos (Substrate/Polkadot only).
  • UI Keyring: A browser-specific wrapper around the base @polkadot/keyring library, for managing keyrings.
  • UI Settings: A browser local storage wrapper for app settings and configuration.
  • UI Shared: Shared logic that is used across UI components, such as for icon generation.

Summary:

The @polkadot/ui library is a collection of basic UI components that can be used to create applications using the polkadot{.js} libraries. It offers various features such as identity icon generation, QR code generation/reading, and browser-specific functionalities like keyring management and local storage. With easy installation and framework agnostic components, it provides developers with the necessary tools to build user interfaces for Polkadot applications efficiently.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.