Frames

A Frame lets you turn any cast into an interactive app.

It’s a standard for creating interactive and authenticated experiences on Farcaster. Create polls, live feeds or interactive galleries inside Warpcast or any other FC client.

Frames extend the OpenGraph standard and turn static embeds into interactive experiences. The diagram below shows the difference between a standard OG and a Frame OG inside Warpcast.

Creating a frame is simple — choose an image to show and add buttons the user can click on. If a button is clicked, you get a callback and can send another image with more buttons.

Resources

A collection of the most popular utilities for creating and managing frames.

Learning

• Specification - A formal specification for the Frame standard.
• Video: Frames 101 - A beginner's guide to frames.
• Tutorial: Polls - Create a simple poll with frames.

Tools

• Vercel OG - Use satori and resvg-js to generate PNG images from HTML and CSS.
• Warpcast Frame Validator - A debugger for testing frames in Warpcast UI.
• Neynar - Infrastructure and tools for frame servers.

Frameworks

• onchainkit - A React toolkit to create frames
• frames.js - A Next.js template for building and debugging frames.
• Simplest Frame - a zero-framework frame template.
• frog - framework for frames.

Examples

• Linktree - a simple frame that links to four other pages.
• Onchain Cow - a cow clicker-like game.
• FC Polls - create and run polls within frames.
• Claim or Mint - lets users claim an NFT if the meet certain criteria.

A more detailed list of resources can be found at awesome-frames.