Frame Resources

An opinionated collection of popular resources for building Frames.

Learning

• /fc-devs - Farcaster developer channel
• Frames Specification - official Frames specification
• Frames.js Guide - guides from Frames.js
• Frog Guides - guides from Frog
• Frame Interface Guidelines (FIG) - guidance and best practices for building frames
• Pinata Tutorials - tutorials for building frames that leverage IPFS
• Frames.js Examples - a collection of 20+ examples that cover basic and advanced topics

Frameworks

• frog - minimal & lightweight framework Farcaster Frames
• FrogUI - type-safe layout and styling primitives
• frames.js - build, debug, and render Frames
• onchainkit - A React toolkit to create frames
• simplest frame - zero-cost, zero-framework Frame template
• framebuilder - No-Code Farcaster Frames Builder

Developer tools

• Warpcast Frame Validator - a debugger for testing frames in Warpcast
• Neynar - infrastructure and tools for frame servers
• Neynar Frame Studio - build no-code Frames
• Pinata - Frame analytics, hub APIs, and more
• Airstack Frames SDK - integrate onchain data into Frames
• Vercel OG - use satori and resvg-js to generate PNG images from HTML and CSS

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