PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

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

Published30 Jun 2022
Direct dependencies17
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

  1. Install the package:

    npm install @0xflair/react-nft-collections

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

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

Native requirements
17 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@0xflair/contracts-registry
Environment
{
  "local_name": "@0xflair/contracts-registry",
  "alias": false,
  "peer_metadata": null
}
^0.69.0runtime
@0xflair/ipfs
Environment
{
  "local_name": "@0xflair/ipfs",
  "alias": false,
  "peer_metadata": null
}
^0.69.0runtime
@0xflair/react-address-lists
Environment
{
  "local_name": "@0xflair/react-address-lists",
  "alias": false,
  "peer_metadata": null
}
^0.69.0runtime
@0xflair/react-coingecko
Environment
{
  "local_name": "@0xflair/react-coingecko",
  "alias": false,
  "peer_metadata": null
}
^0.69.0runtime
@0xflair/react-common
Environment
{
  "local_name": "@0xflair/react-common",
  "alias": false,
  "peer_metadata": null
}
^0.69.0runtime
@0xflair/react-ipfs
Environment
{
  "local_name": "@0xflair/react-ipfs",
  "alias": false,
  "peer_metadata": null
}
^0.69.0runtime
@0xflair/react-openzeppelin
Environment
{
  "local_name": "@0xflair/react-openzeppelin",
  "alias": false,
  "peer_metadata": null
}
^0.69.0runtime
@0xflair/react-ui
Environment
{
  "local_name": "@0xflair/react-ui",
  "alias": false,
  "peer_metadata": null
}
^0.69.0runtime
@0xflair/react-wallet
Environment
{
  "local_name": "@0xflair/react-wallet",
  "alias": false,
  "peer_metadata": null
}
^0.69.0runtime
axios
Environment
{
  "local_name": "axios",
  "alias": false,
  "peer_metadata": null
}
^0.26.1runtime
ethers
Environment
{
  "local_name": "ethers",
  "alias": false,
  "peer_metadata": null
}
^5.6.5runtime
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
^0.3.5runtime
@types/react
Environment
{
  "local_name": "@types/react",
  "alias": false,
  "peer_metadata": null
}
^18.0.10development
@types/react-dom
Environment
{
  "local_name": "@types/react-dom",
  "alias": false,
  "peer_metadata": null
}
^18.0.5development
@0xflair/contracts-registry
Environment
{
  "local_name": "@0xflair/contracts-registry",
  "alias": false,
  "peer_metadata": null
}
0.*peer
@0xflair/ipfs
Environment
{
  "local_name": "@0xflair/ipfs",
  "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-coingecko
Environment
{
  "local_name": "@0xflair/react-coingecko",
  "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
axios
Environment
{
  "local_name": "axios",
  "alias": false,
  "peer_metadata": null
}
^0.26.1peer
ethers
Environment
{
  "local_name": "ethers",
  "alias": false,
  "peer_metadata": null
}
^5.6.5peer
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^16 || ^17 || ^18peer
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^16 || ^17 || ^18peer
react-query
Environment
{
  "local_name": "react-query",
  "alias": false,
  "peer_metadata": null
}
*peer
wagmi
Environment
{
  "local_name": "wagmi",
  "alias": false,
  "peer_metadata": null
}
^0.3.5peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-KfIz13gFgl3P1rQFMPj84g/DJfMOa6UyDA2UNgWHn4UGrjGzXXtIKq0ZmmqK1AND10xu5oqLMaIKTqVImGd9Fw==",
  "shasum": "791ab559b3a1eeea2752d56dd8cb5f32df1e0bb1",
  "tarball": "https://registry.npmjs.org/@0xflair/react-nft-collections/-/react-nft-collections-0.69.0.tgz",
  "fileCount": 8,
  "unpackedSize": 1058678,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIHhdjke/n04Ob92I7q4+DaJ/poNp5mnDgIMZol/ovSPjAiEA7V3HviPDzPEY4KPLpSdOvYTBYEOoHebTpZ2sVlIwAl0="
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivjOoACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqG2g//TXJNIyn/ryoc92M/a6Uh9Jw6JItpfcckNc+P5h+JB41rRzM+\r\nPm2CoGmQ3U6AmXACEOl7zTCGyvaeRn29xA+LhdRyTnXNagp0BAsFov/wJSJU\r\nXWeZVGREHDS/OxEr/LApdtc77HFV+WMu86XhlEjcGpiZpzuTMZ6ksMfISoC3\r\nK4NwpixbhD/yKa9DdkbEFn1xhr/Ac11iC+W1OyiRWm32hbxawdGN/SLPvloH\r\n9cVk3rzgAEbiDk5Jp/BYWVYzdIuqPDj6L/vz/TLI3O6M1AhQdMBrRZOuGkhD\r\n7+/0ANAODVZcstFCUnNvU1qJU/ykzhW4NH1sl62ry+tk2a6691Nw1OqnpE4M\r\nxBWxklz/DACOOytCl8meQ4/rjhVc114QnyPxtaAmtvqFdQ+jdKPFHNEW1pNc\r\n3EavK646i9TkzlK09B2PyiMOggXrIUJt+Z9pFkjSWg4yfJT9hgL/EqIbQ24Z\r\n1S69CF7n5uzZCEREMmRPhHMFJFGiAOyfFhkFxK0I/Llos40d//jdkaTWhSgu\r\nkN8BVmKgn7UX/4l0EGP6IYIPUSIymnzk7TkOo/zL8iUnbWvjblK2kfbOfi5/\r\n4uM5y8wwsP9Nn1u3Ze4IAiB1BfPUjnicSKHzZ78CnPiLy0EPMfTXOxBwLYlG\r\nOCUzxfzZOcOg1dao+dBds1VD6EABavSb3Gw=\r\n=hfcb\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:28 UTC

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

Record identity

package_version:a65328fd4596d096dda3d71ce09648ba041981b347f8f7dac6183b810ec14be3

Other collected versions

0.123.227 Nov0.123.112 Nov0.123.08 Nov0.122.228 Oct0.122.128 Oct0.122.028 OctView all collected versions →