# NiftyKit Integration with Farcaster Frames

{% embed url="<https://youtu.be/Ex1ozh8pXEY>" %}
Creating NFTs and Minting on Farcaster Frames Tutorial
{% endembed %}

## **Introduction**

NiftyKit is excited to announce the integration with [Farcaster Frames](https://docs.farcaster.xyz/learn/what-is-farcaster/frames), a feature that transforms standard casts into interactive applications within the Farcaster ecosystem. This new collaboration allows creators on NiftyKit to engage with their audience through interactive experiences directly within Warpcast, Farcaster's primary client.

## **What are Farcaster Frames?**

Frames are an innovative feature that enables Farcaster to provide interactive and authenticated experiences. With Frames, you can turn any cast into an app-like experience, allowing users to interact with polls, live feeds, or galleries without leaving the Warpcast environment. It's a step up from the traditional static embeds, offering a dynamic way to interact with content ([Farcaster](https://docs.farcaster.xyz/learn/what-is-farcaster/frames)) (<https://blog.developerdao.com/farcaster-frames-explained>)

Farcaster Frames have two main UI components:

* an **Image** and
* a set of **Intents**

<figure><img src="https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2FkM91fPcet968yqlZkrYK%2Fconcept.png?alt=media&#x26;token=aa813d16-5456-45b6-ae80-411b580b4ae9" alt=""><figcaption><p>Anatomy of a frame, see: <a href="https://frog.fm/concepts/images-intents">https://frog.fm/concepts/images-intents</a></p></figcaption></figure>

## **Supported Chains**

NiftyKit collections can now leverage Farcaster Frames on the following chains:

* Ethereum
* Base
* Optimism
* Arbitrum Nova
* Arbitrum One

## **Accessing and Testing Your Collection's Frame**

### **Seeing Your Frame In Action**

Once your collection has been minted, you will get a public mint page like:

* **Public Drop Page:**  <https://app.niftykit.com/collections/based-rice-cookers>

Simply sharing this URL will allow Warp Frames to fetch all necessary metadata to generate the frame, simplifying the process for users.

<figure><img src="https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2Fg6rZi89VjF2v2hb9K6Fj%2FScreenshot%202024-04-29%20at%2011.37.55%E2%80%AFPM.png?alt=media&#x26;token=57c34de4-eb8a-4efa-be4b-5beb298a194f" alt=""><figcaption><p>Example of a Cast with a NiftyKit collection link</p></figcaption></figure>

### **Testing Your Frames**

To test your Frames, use the Warpcast tool:

* <https://warpcast.com/~/developers/frames>

Images from these tests are crucial for ensuring your Frame operates as expected across different scenarios.

<figure><img src="https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2FKBAuanz7YOshayAwblMt%2FScreenshot%202024-04-29%20at%2011.39.21%E2%80%AFPM.png?alt=media&#x26;token=30c72f3f-691c-4496-b7f7-0886b1db1926" alt=""><figcaption><p>Using warpcast frames validator</p></figcaption></figure>

## Advanced Options

For those needing more control or wanting to customize their experience further, you can manually configure your Frames. Every collection minted on NiftyKit is given a unique "slug" that is part of their mint page. For example, "Based Rice Cookers" has the following slug: `based-rice-cookers`

* **Simple Frame:** **`https://frames.niftykit.com/<slug>`**
* **Advanced Frame:** **`https://frames.niftykit.com/<slug>/advanced`**

The advanced view supports a quantity selector for minting, offering greater flexibility for collections involving multiple items.

### Seeing Advanced Options In Action

<figure><img src="https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2F2ldx1N1tgoGsMFCN16qI%2FScreenshot%202024-04-29%20at%2011.41.27%E2%80%AFPM.png?alt=media&#x26;token=28ec4db0-a96b-4257-9500-9cd2c7b2c670" alt=""><figcaption><p>Frame with a quantity selector to mint</p></figcaption></figure>

## Wallet Simulations

Users will see a summary of all the interactions they are about to make, giving them transparency about the frames intents:<br>

<figure><img src="https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2FOLW6BSHPlh8z8jro5P97%2Fintents.png?alt=media&#x26;token=935d9b9a-1577-43a0-8962-9e0880e95173" alt=""><figcaption><p>TX simulation</p></figcaption></figure>

## **Final Thoughts**

By integrating with Farcaster Frames, NiftyKit collections are now part of an innovative web of interactive social engagements. This feature is a fun and secure way to interact with your audience and a step forward in bridging the gap between static content and dynamic user experiences in the social media landscape.