RariEmbed

example of embed

Inspiration

This was an idea suggested as a Hot Hackathon Ideas 🔥🔥🔥 on the hackathon webpage.

Looking at was is possible to embed currently on OpenSea, it was definitively missing for Rarible.

I built the project RariEmbed because I wanted to give more visibility to the NFT ecosystem. This is my first project using the Rarible protocol and also my first time build a web component that could be used by others.

I wanted to build something simple to use, so it would just need a copy-paste to add embed the NFT of your choice into a website. It's just two lines of code.

The biggest challenge was the front-end, as I am not a designer, and it's hard to make things look pretty. I got inspiration from OpenSea embed.

There is a setting to support dark mode websites, as well as a way to setup your own width.

Possible Improvements:

a way to showcase attributes of an asset (flipping the card like OpenSea)
buy/bid button connected to Web3 wallet
revenue share with publisher and
more customization (auto type of layout, pick what detail to show, ...)

For the Rarible team:

I would suggest having a simple API call that gives you all the necessary data to show in the embed, right it's 3 API calls.
consistency in payload,ex: if a user has generated avatar it's not available in the API
explanation of the different buy type, and consistency on payload to know latest price, price of current bid.

Test it out