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

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.
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.