# embeddable-nfts
**Repository Path**: ProjectOpenSea/embeddable-nfts
## Basic Information
- **Project Name**: embeddable-nfts
- **Description**: Easily embed OpenSea listings in your website!
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-07-25
- **Last Updated**: 2025-07-16
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 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 `` tag:
```
```
Then add this into your code:
```
```
### Development
For developers looking to contribute or modify the code, or view the example use the following commands:
```bash
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.