0.44.0

npm

@0xflair/react-nft-collections

Ready-made React components and hooks for working with ERC721 and ERC1155 NFTs in a web3 dApp. This SDK also supports interacting with Flair smart contracts and extensions.

Published19 May 2022

Direct dependencies10

Transitive dependenciesNot calculated

README

Current package documentation

Flair SDK: `react-nft-collections`

Ready-made React components and hooks for working with ERC721 and ERC1155 NFTs in a web3 dApp. This SDK also supports interacting with Flair smart contracts and extensions.

Getting Started

Installation

Install the package:

npm install @0xflair/react-nft-collections

Install peer dependencies if not installed yet:

npm install ethers wagmi

# and if using visual components:
npm install tailwindcss @headlessui/react @heroicons/react @tailwindcss/aspect-ratio

Configure tailwind.config.js (Tailwind v3) to scan SDK for classes:

module.exports = {
  purge: [
    "./public/**/*.html",
    "./src/**/*.{js,jsx,ts,tsx,vue}",

    // This line tells Tailwind to look into SDK files
    "./node_modules/@0xflair/**/*.{js,jsx,ts,tsx,vue}",
  ],
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  plugins: [
    // These plugsins are used in this package
    require("@tailwindcss/forms"),
    require("@tailwindcss/aspect-ratio"),
  ],
};

Documentation

Visit docs.flair.finance/sdk/nft-collections for the full SDK documentation.

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 18

Native requirements

10 direct targetsNot calculated transitive count

Package / target	Requirement	Relationship
@0xflair/contracts-registry Environment { "local_name": "@0xflair/contracts-registry", "alias": false, "peer_metadata": null }	`^0.44.0`	development
@0xflair/react-address-lists Environment { "local_name": "@0xflair/react-address-lists", "alias": false, "peer_metadata": null }	`^0.44.0`	development
@0xflair/react-common Environment { "local_name": "@0xflair/react-common", "alias": false, "peer_metadata": null }	`^0.44.0`	development
@0xflair/react-ipfs Environment { "local_name": "@0xflair/react-ipfs", "alias": false, "peer_metadata": null }	`^0.44.0`	development
@0xflair/react-openzeppelin Environment { "local_name": "@0xflair/react-openzeppelin", "alias": false, "peer_metadata": null }	`^0.44.0`	development
@0xflair/react-wallet Environment { "local_name": "@0xflair/react-wallet", "alias": false, "peer_metadata": null }	`^0.44.0`	development
ethers Environment { "local_name": "ethers", "alias": false, "peer_metadata": null }	`^5.6.5`	development
wagmi Environment { "local_name": "wagmi", "alias": false, "peer_metadata": null }	`^0.3.5`	development
@0xflair/contracts-registry Environment { "local_name": "@0xflair/contracts-registry", "alias": false, "peer_metadata": null }	`0.*`	peer
@0xflair/react-address-lists Environment { "local_name": "@0xflair/react-address-lists", "alias": false, "peer_metadata": null }	`0.*`	peer
@0xflair/react-common Environment { "local_name": "@0xflair/react-common", "alias": false, "peer_metadata": null }	`0.*`	peer
@0xflair/react-ipfs Environment { "local_name": "@0xflair/react-ipfs", "alias": false, "peer_metadata": null }	`0.*`	peer
@0xflair/react-openzeppelin Environment { "local_name": "@0xflair/react-openzeppelin", "alias": false, "peer_metadata": null }	`0.*`	peer
@0xflair/react-wallet Environment { "local_name": "@0xflair/react-wallet", "alias": false, "peer_metadata": null }	`0.*`	peer
ethers Environment { "local_name": "ethers", "alias": false, "peer_metadata": null }	`^5.6.5`	peer
react Environment { "local_name": "react", "alias": false, "peer_metadata": null }	`^17.0.2`	peer
react-dom Environment { "local_name": "react-dom", "alias": false, "peer_metadata": null }	`^17.0.2`	peer
wagmi Environment { "local_name": "wagmi", "alias": false, "peer_metadata": null }	`^0.3.5`	peer

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

{
  "integrity": "sha512-A5hPFJ8AGRyagrrY+7k/ebx89eH2myS4XftWvmMNPa0dNa85cab2lFAlP8V7PKERtOUyAMY5tPZbOYZKbH0zJA==",
  "shasum": "2abe8f788b2c839ea22ebe312869fc85e149849b",
  "tarball": "https://registry.npmjs.org/@0xflair/react-nft-collections/-/react-nft-collections-0.44.0.tgz",
  "fileCount": 8,
  "unpackedSize": 928753,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEYCIQDlXN8i9rw2la3DQAb5ZkCVAn+InPu6x0atz0vb8RUQ9QIhAMqkdOWHg9F6lN5lQwZ9QmgMS1Oo8uvzSetw4J3ovIg9"
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihpGsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoUfA/5AMvmDAUzaSzbo6vb/6LzEVcm47zb/pXuiSM5BwwrDEnzn6xE\r\nYRjVy75K2+BEsnUqbZu0Y386mEgda31JqY7ZZ7/Iy2uCZgsKQODDD0WAJLy2\r\n2QAWJJEyie/95prDd/L9pfFO+10pI2Colq6NWjDRhiXjeQMBzJP71fdbywJy\r\n9SVTrOBZYbP6o1Jshxaoc+q8DJVJeiCrpU++ygAMXEsxmTbxUQo5zOPctWMh\r\nwXyn1ZdyQJjt02mAnSRgElHgFdwk7FhAOVkwPigYZk5TDa1EBRgmI22HpxuL\r\nuV9uHw5ld4osbJIhOEYQRYB3o/BZfob+eqJhZ3NMb0OOFj46/hEhKibKclQ2\r\nnCHSwQvIppPVi+fE1vqE0f0G4fZ01iNahfoou2+vsMxTqck43z2O3sFX1diD\r\nD867jQTY0Vizga36hCBoITMHVHf5XW1ErCUS5vGVvknmaDOUzCaUphVphcmQ\r\nSuCy3hStH3l/gNqj3G3whjSjr5rkjAD6/CU5FCMSx1T0wCpmgryvxzea+5Hf\r\nDkUX034i2CKNqhZbUz45dMSZq1sMXfJucFw7+eY/MQzaucl4sRB08gBmV1/O\r\nPRgBd7wXMaBhVjM9wqwbiktAe9eb639R6doEkFlndGLvYqcsbdwTMI5C7l4U\r\nE7BwGfFHyOu4yPw8VAV2Wr/Q6M+8FQm0JCw=\r\n=IU2K\r\n-----END PGP SIGNATURE-----\r\n"
}

Repository

PENDING

0xflair/typescript-sdk

Shared repository data · GitHub

License detected in repository: Not collected

Metadata history

Meaningful changes

Current collected state Current

Observed since 20 Oct, 23:27 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:e46a597df7ec80224a9001c226fe39f8a927bb609b24fe696a14dee511705c49

Other collected versions

0.123.227 Nov 0.123.112 Nov 0.123.08 Nov 0.122.228 Oct 0.122.128 Oct 0.122.028 Oct View all collected versions →