# introducing: magic mirror

By [jvmi](https://paragraph.com/@jvmiart) · 2022-11-17

---

_before you continue,_ [_press play and turn up the volume_](https://www.youtube.com/watch?v=9rPOuZ4vY50) _so we’re in the same headspace 🧠_

around 3 months ago during a company all hands, [kelvin](https://twitter.com/kelvinfichter) shared a demo of a concept he hacked together that he was calling the magic mirror-- an NFT mirroring system allowing you to display an Optimism NFT as a verified collectable on twitter. after seeing that he was able to get his [**racer gold motorhead**](https://opensea.io/assets/optimism/0x5c9d55b78febcc2061715ba4f57ecf8ea2711f2c/1524) displayed as an NFT on his profile, i was far from underwhelmed.

as the dust began to settle from [the motorheadz drop](https://qx.app/collection/motorheadz), contributing to this project seemed like the sickest way to push the Optimism NFT ecosystem forward _(and the only way to allow the motorheadz fam to get a verified motorheadz pfp on twitter_ 🏎💨).

![kelvin's magic mirror v1](https://storage.googleapis.com/papyrus_images/56a2817022e2c87b7aed676800967520d5444e2859c0d897265f5c89c4046317.png)

kelvin's magic mirror v1

a couple of days later, kelvin and i agreed to collab on this project & were looking forward to opening up the magic mirror to the entire Optimism ecosystem. excited to start working on a fresh UI, i designed the magic mirror site with the guiding principle: make it simple & fun to use.

building on the mirror metaphor, i designed a two-pane interface, with a floating interactive mirror on the left hand side, reflecting the user’s specified layer 2 NFT. along with some smooth animations, i also experimented with a feature that allows you to change the theme of the website by clicking on an emoji 🌸🌻🍓🎃🥦💧🍇🦴 on the top left corner of the screen.

![magic mirror architecture diagram](https://storage.googleapis.com/papyrus_images/08f927d29d05ce412c6d05ebca7952ce8d78de35bc6fcdd15651a1901762a680.png)

magic mirror architecture diagram

following a bunch of coding sessions over the past few months, i’m proud to say the magic mirror site is ready to go & here’s a step-by-step guide on how to use it:

**_note: before you begin make sure you have ETH on both Etherum Mainnet & Optimism Mainnet for gas_ ⛽️**

1\. Head over to [mirror.opfp.art](https://mirror.opfp.art/) & connect your wallet

![](https://storage.googleapis.com/papyrus_images/8ef744cb0e536ebd570f09b91dfb9a277f4b8bb8b375d15b08e24af636494ab5.png)

2\. Mint your magic mirror NFT on Ethereum mainnet

![](https://storage.googleapis.com/papyrus_images/36fa129f46004931570208af7c30d3ce1bc887a84810afcc90727baba52f077b.png)

3\. Set your magic mirror NFT to one of the Optimism NFTs in your wallet

![](https://storage.googleapis.com/papyrus_images/162946dfb88a8101e4938c5e311492ef1f2c5453b79ef179dab8ec8f7ff611e6.gif)

after you’ve got your magic mirror NFT all set up, you can use it on sites like [twitter](https://twitter.com/home) to display your L2 NFT as a verified item. we’ve also [open-sourced the project here](https://github.com/smartcontracts/opfp) for anyone that’s interested in taking a look/contributing. for any questions, feel free to reach out to me or kelvin or post an issue on [github](https://github.com/smartcontracts/opfp) ✅

thanks for reading & stay tuned for what’s next 🔥

[https://mirror.opfp.art/](https://mirror.opfp.art/)

---

*Originally published on [jvmi](https://paragraph.com/@jvmiart/introducing-magic-mirror-3)*