Skip to content
This repository has been archived by the owner on Sep 15, 2022. It is now read-only.

ProjectOpenSea/embeddable-nfts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

36e0a3e · Apr 13, 2022

History

77 Commits
Mar 7, 2021
Mar 7, 2021
Dec 2, 2021
Dec 2, 2021
Jan 25, 2020
Jan 16, 2020
Mar 26, 2020
Apr 13, 2022
Jan 20, 2020
Dec 2, 2021
Feb 24, 2020
Mar 7, 2021
Feb 26, 2020
Feb 26, 2020
Dec 2, 2021

Repository files navigation



Embeddable NFTs

Easily embed OpenSea listings in your website!

Component inputs

tokenAddress*- The token's contract address.

tokenId* - The token Id of the asset.

horizontal - If this is present, the card will be rendered horizontally. mode on mobile (breakpoint is at 600px). In manual mode the card will be unaffected.

orientationMode - If auto the card will switch to vertical

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

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

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

*Required inputs

Usage

Add this to your <head> tag:

<script src="https://unpkg.com/embeddable-nfts/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
  yarn install
  yarn 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.