1.26.3 • Published 7 months ago

@interchain-ui/react v1.26.3

Weekly downloads
-
License
SEE LICENSE IN LI...
Repository
-
Last release
7 months ago

Interchain UI Kit

🎨 What is Interchain UI?

Interchain UI is a foundation library for UI elements used in cosmos-kit and other packages. It provides developers with pre-built components and a foundation for creating user interfaces across different frameworks, such as VueJS, React, Angular, Svelte, SolidJS, and Web Components, enabling developers to customize UI elements and themes. This gives us the ability to code a component once, and it will compile to all framework targets.

Usage

First install using your favorite package manager

npm i @interchain-ui/react

yarn add @interchain-ui/react

pnpm add @interchain-ui/react

Then in your root route/layout, import ThemeProvider and CSS

// layout.tsx
import { ThemeProvider, OverlaysManager } from '@interchain-ui/react';
import '@interchain-ui/react/styles';

export function RootLayout(props: LayoutProps) {
  return (
    <ThemeProvider>
      {props.children}
      <OverlaysManager />
    </ThemeProvider>
  )
}

After these steps are done, you can import and use @interchain-ui/react components.

Setup and scripts for development

  • pnpm install to bootstrap the repo
  • pnpm run dev to watch the repo for changes and then recompile
  • pnpm run compile to compile from mitosis components to other packages, you can give it a flag -p or --platforms .ie yarn compile -p react vue
  • pnpm run c:react or pnpm run c:vue to compile specifically to react or vue
  • pnpm run clean to clean .node_modules or pnpm run clean:assets to clean build/compile output

Icon

Check Icon guide to know how to add more icons

Our Website

⚛️ https://cosmology.zone/products/interchain-ui

Interchain JavaScript Stack ⚛️

A unified toolkit for building applications and smart contracts in the Interchain ecosystem

CategoryToolsDescription
Chain InformationChain Registry, Utils, ClientEverything from token symbols, logos, and IBC denominations for all assets you want to support in your application.
Wallet ConnectorsInterchain Kitbeta, Cosmos KitExperience the convenience of connecting with a variety of web3 wallets through a single, streamlined interface.
Signing ClientsInterchainJSbeta, CosmJSA single, universal signing interface for any network
SDK ClientsTelescopeYour Frontend Companion for Building with TypeScript with Cosmos SDK Modules.
Starter KitsCreate Interchain Appbeta, Create Cosmos AppSet up a modern Interchain app by running one command.
UI KitsInterchain UIThe Interchain Design System, empowering developers with a flexible, easy-to-use UI kit.
Testing FrameworksStarshipUnified Testing and Development for the Interchain.
TypeScript Smart ContractsCreate Hyperweb AppBuild and deploy full-stack blockchain applications with TypeScript
CosmWasm ContractsCosmWasm TS CodegenConvert your CosmWasm smart contracts into dev-friendly TypeScript classes.

Credits

🛠 Built by Hyperweb (formerly Cosmology) — if you like our tools, please checkout and contribute to our github ⚛️

Disclaimer

AS DESCRIBED IN THE LICENSES, THE SOFTWARE IS PROVIDED “AS IS”, AT YOUR OWN RISK, AND WITHOUT WARRANTIES OF ANY KIND.

No developer or entity involved in creating this software will be liable for any claims or damages whatsoever associated with your use, inability to use, or your interaction with other users of the code, including any direct, indirect, incidental, special, exemplary, punitive or consequential damages, or loss of profits, cryptocurrencies, tokens, or anything else of value.

1.26.3

7 months ago

1.26.1

12 months ago

1.26.2

9 months ago

1.26.0

12 months ago

1.25.6

1 year ago

1.25.0

1 year ago

1.25.1

1 year ago

1.25.4

1 year ago

1.25.5

1 year ago

1.25.2

1 year ago

1.25.3

1 year ago

1.24.0

1 year ago

1.23.18

1 year ago

1.23.17

1 year ago

1.23.16

1 year ago

1.23.14

1 year ago

1.23.19

1 year ago

1.23.29

1 year ago

1.23.28

1 year ago

1.23.27

1 year ago

1.23.26

1 year ago

1.23.25

1 year ago

1.23.24

1 year ago

1.23.23

1 year ago

1.23.22

1 year ago

1.23.21

1 year ago

1.23.20

1 year ago

1.23.31

1 year ago

1.23.30

1 year ago

1.23.13

1 year ago

1.23.12

1 year ago

1.23.11

1 year ago

1.23.10

1 year ago

1.23.6

1 year ago

1.23.7

1 year ago

1.23.4

1 year ago

1.23.5

1 year ago

1.23.9

1 year ago

1.23.2

2 years ago

1.23.3

2 years ago

1.23.0

2 years ago

1.23.1

2 years ago

1.22.17

2 years ago

1.22.16

2 years ago

1.22.19

2 years ago

1.22.18

2 years ago

1.22.15

2 years ago

1.22.14

2 years ago

1.22.13

2 years ago

1.22.11

2 years ago

1.22.10

2 years ago

1.22.9

2 years ago

1.22.8

2 years ago

1.22.7

2 years ago

1.22.5

2 years ago

1.22.6

2 years ago

1.22.4

2 years ago

1.22.3

2 years ago

1.22.2

2 years ago

1.22.1

2 years ago

1.22.0

2 years ago

1.21.19

2 years ago

1.21.18

2 years ago

1.21.17

2 years ago

1.21.14

2 years ago

1.21.15

2 years ago

1.21.16

2 years ago

1.21.8

2 years ago

1.21.9

2 years ago

1.21.7

2 years ago

1.21.10

2 years ago

1.21.11

2 years ago

1.21.12

2 years ago

1.21.13

2 years ago

1.21.4

2 years ago

1.21.5

2 years ago

1.21.6

2 years ago

1.21.3

2 years ago

1.21.2

2 years ago

1.21.0

2 years ago

1.21.1

2 years ago

1.20.6

2 years ago

1.20.7

2 years ago

1.20.5

2 years ago

1.20.3

2 years ago

1.20.4

2 years ago

1.20.2

2 years ago

1.20.1

2 years ago

1.20.0

2 years ago

1.19.4

2 years ago

1.19.3

2 years ago

1.19.2

2 years ago

1.19.1

2 years ago

1.19.0

2 years ago

1.18.3

2 years ago

1.18.1

2 years ago

1.18.2

2 years ago

1.18.0

2 years ago

1.17.1

2 years ago

1.17.0

2 years ago

1.16.7

2 years ago

1.16.6

2 years ago

1.16.5

2 years ago

1.16.3

2 years ago

1.16.4

2 years ago

1.16.2

2 years ago

1.16.1

2 years ago

1.16.0

2 years ago

1.15.1

2 years ago

1.15.0

2 years ago

1.14.3

2 years ago

1.14.2

2 years ago

1.14.1

2 years ago

1.14.0

2 years ago

1.13.20

2 years ago

1.13.19

2 years ago

1.13.18

2 years ago

1.13.17

2 years ago

1.13.16

2 years ago

1.13.15

2 years ago

1.13.14

2 years ago

1.13.13

2 years ago

1.13.12

2 years ago

1.13.11

2 years ago

1.13.10

2 years ago

1.13.9

2 years ago

1.13.8

2 years ago

1.13.7

2 years ago

1.13.6

2 years ago

1.13.5

2 years ago

1.13.4

2 years ago

1.13.3

2 years ago

1.13.2

2 years ago

1.13.1

2 years ago

1.13.0

2 years ago

1.12.2

2 years ago

1.12.1

2 years ago

1.12.0

2 years ago

1.11.12

2 years ago

1.11.11

2 years ago

1.11.10

2 years ago

1.11.9

2 years ago

1.11.8

2 years ago

1.11.7

2 years ago

1.11.6

2 years ago

1.11.5

2 years ago

1.11.4

2 years ago

1.11.3

2 years ago

1.11.2

2 years ago

1.11.1

2 years ago

1.11.0

2 years ago

1.10.0

2 years ago

1.9.1

2 years ago

1.9.0

2 years ago

1.8.0

2 years ago

1.7.1

2 years ago

1.7.0

2 years ago

1.6.1

2 years ago

1.6.0

2 years ago

1.5.0

2 years ago

1.4.1

2 years ago

1.4.0

2 years ago

1.3.3

2 years ago

1.3.2

2 years ago

1.3.1

2 years ago

1.3.0

2 years ago

1.2.0

2 years ago

1.1.11

2 years ago

1.1.10

2 years ago

1.1.8

2 years ago

1.1.7

2 years ago

1.1.6

2 years ago

1.1.0

2 years ago

1.1.0-beta.10

2 years ago