embeddable-nfts

Resuable, embeddable webcomponent for OpenSea assets.

0.4.2

Source

npm

Version published: 5 years ago

Weekly downloads: 95

Maintainers: 1

Weekly downloads

Created: 5 years ago

Source

Embeddable NFTs

Easily embed OpenSea listings in your website!

Component inputs

horizontal - If this is present, the card will be rendered horizontally.

orientationMode - If auto the card will switch to vertical mode on mobile (breakpoint is at 600px). In manual mode the card will be unaffected.

width - The width of the embeddable. Ex. values 100% 250px. Default: 388px

height - The height of the embeddable. Ex. values 40vh 300px. Default: 560px

tokenAddress*- The token's contract address.

tokenId* - The token Id of the asset.

network - The name of the network the asset is on mainnet or rinkeby. Default: mainnet.

*Required inputs

Usage

Add this to your <head> tag:

<script src="https://unpkg.com/embeddable-nfts@0.4.1/dist/nft-card.min.js"></script>

Then add this into your code:

<nft-card
  tokenAddress="0x5caebd3b32e210e85ce3e9d51638b9c445481567"
  tokenId="2242579050293992223"
  network="mainnet"
  >
</nft-card>

Development

For developers looking to contribute or modify the code, or view the example use the following commands:

  git clone https://github.com/ProjectOpenSea/embeddable_nfts.git
  cd embeddable_nfts
  npm install
  npm run dev:demo

Development server

This project uses webpack for building and running a development server. Once the server starts, any changes made will trigger a rebuild after which those changes should be reflected in your browser.

FAQs

What is embeddable-nfts?

Is embeddable-nfts popular?

Is embeddable-nfts well maintained?

Package last updated on 26 Mar 2020

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install