A complete solution for integrating with Web3 Storage for images.
<Img3 /> is a fundamental components for Web3 Apps. It extends HTML <img /> with Web3 decentralization storage, like IPFS. With you can put ipfs:// in the src and render the image from IPFS with the fastest gateway. Will support ar soon.
<Uploader3 /> is a React-based Web3 image upload component that supports multiple image uploads, image cropping, and uploading images to Web3 Storage providers (like IPFS). There are two ways for uploading, by using a backend API or the Uploader3 Connector.
Uploader3 Connector is a connector for Uploader3. Currently, it only supports NFT.storage IPFS service provider.
Get the code first:
git clone https://github.com/lxdao-official/img3.git
cd img3
Run the code to check the document:
pnpm install
pnpm build && pnpm start --filter=docs
.env explanation:
`NFT_TOKEN` is the `nft.storage` token for creating SDK Connector.
Then open http://localhost:3001 start developing.
If you are willing to support this project, please contact with the project PM Muxin.
MIT License
This is a project supported by LXDAO. More links: LXDAO | LXDAO Forum | LXDAO Telegram | LXDAO Twitter.
LXDAO is an R&D-focused DAO in Web3. Our mission is: Gather the power of buidlers to buidl and support “LX” (valuable) Web3 projects sustainably and welcome 1 billion users into Web3. Welcome to join us.