awesome-frames

KO | EN

gitlite — search

#javascript #react #llm #golang #machine-learning #rust #docker #java #awesome #cli #security #pytorch #openai #open-source

(★ 485)

All the best Farcaster Frames resources in one place

File Explorer

Download Latest Version (.zip)

README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Awesome Frames

A Frame lets you turn any website into an interactive Frame that other apps or websites can show to their users.
It’s a standard for creating interactive and authenticated experiences - Create polls, live feeds, interactive galleries or anything else you can imagine.

[Farcaster Frames Docs](https://docs.farcaster.xyz/learn/what-is-farcaster/frames)

## Open Frames

Open Frames is a standard for Frames that work across ecosystems (XMTP, Lens, ...)

- [Open Frames](https://openframes.xyz)
- [Awesome Open Frames](https://github.com/open-frames/awesome-open-frames)

## Community: Ask for help & meet other Frames builders

- [/frames-devs](https://warpcast.com/~/channel/frames-devs)

## Quickstart: Make your first frame

### Developer libraries for building frames

- [Frames.js](https://framesjs.org) a framework for frames
- [Frog](https://frog.fm/) a framework for frames
- [Onchainkit](https://onchainkit.xyz/frame/frame-metadata) a less opinionated utility library for making frames

## No-code frame making tools (general)

- [Frame Town](https://frame.town) - Create frames from Figma prototypes
- [Glass CX](https://glass.cx) - Run drops and giveaways with Farcaster Frames
- [Neynar Frames](https://dev.neynar.com/frames) - Drag and drop interface for making frames
- [Frametrain](https://frametra.in) - Create frames from a template
- [Warpcast Tools](https://warpcast.tools) - Dead Simple Frame Creator
- [Percs](https://percs.app) - Frames for growth and ecommerce
- [Framebuilder](https://framebuilder.xyz) - No-code tool

## No-code frame making tools (specialized to particular types of frames)
- [Frameboard](https://www.frameboard.com/) - Create pinterest-like frameboards
- [Warpshop](https://warpshop.xyz) - Create a storefront
- [Frame Quiz](https://frame-quiz.vercel.app/) - Create a quiz
- [Earncaster](https://earncaster.com/) - Reward Farcaster users for learning about your products or ideas
- [Quizzup](https://quizzup.vercel.app/) - Create quiz frames, free, no login required
- [Frames.sh](https://frames.sh) - Creates various types of frames, login required
- [Foxtales](https://foxtales.fun) - Create visual frames for interactive stories
- [Frame Wizard](https://frame.wizard.xyz) - Create frames in form of scrolls
- [Poll Build](https://poll.build)  - Create polls/surveys and option to add incentives (for rapid responses)
- [OGFlow](https://ogflow.app) - Create open-graph frames, login required
- [Subcast](https://subcast.xyz) - Create easy to use frames, no login required
- [Supframe](https://supframe.xyz) -  Create various frames, login required
- [Frames Frames](https://framesframes.xyz) - Create giveaway frames, login required
- [Canvass](https://canvass.fun) - Create polls, waitlist and crowdfunding frames, no login required 
- [Create threads](https://fc-threads.vercel.app/) - Create Frames in forms of Threads, no login required
- [Create fc-polls](https://fc-polls.vercel.app/) - Create simple polls, no login required
- [Create polls](https://polls.dep.dev/) - Create polls, login required
- [Quizframe.xyz](https://quizframe.xyz/), [Source Code](https://github.com/w1nt3r-eth/quizframe.xyz) - Create quizzes seamlessly with a cool UI, no login required
- [Create a frame from a readable link](https://fc-reader.vercel.app/), [Source Code](https://github.com/anastasiarods/fc-reader)
- [Frames Holder](https://frames.holder.xyz)
- [Dropframe Create](https://dropframe.xyz/create)

## Useful Tools & Libraries

- [Reset your Frames metadata cache on Warpcast](https://warpcast.com/~/developers/embeds)
- [Validate your frame is working](https://warpcast.com/~/developers/frames)
- [Verify Frames actions onchain](https://warpcast.com/fastfourier.eth/0xcaaa0dc9)
- [Satori: Library to convert HTML to Images](https://github.com/vercel/satori)
- [Generate dynamic open graph images with Vercel](https://vercel.com/docs/functions/edge-functions/og-image-generation)
- [Toolkit to build onchain with Base](https://github.com/coinbase/build-onchain-apps)
- [OG image playground using Vercel's Satori](https://og-playground.vercel.app/)
- [Deploy your frame on-chain using the Internet Computer (ICP](https://medium.com/dfinity/how-to-create-an-on-chain-farcaster-frame-ee232e807219)
- [Pinata Node.js Frame Development Kit](https://github.com/PinataCloud/pinata-fdk)
- [framelib, build frames with python and flask](https://github.com/devinaconley/python-frames)
- [ComposeCastxyz: privacy preserving cast composing gateway](https://github.com/0xSemicolon/composecastxyz)
- [Glide: Let users pay with any token on any chain for in-frame transactions](https://docs.paywithglide.xyz/guides/farcaster-frames)
- [Quickstart Farcaster Frames 101](https://dtech.vision/farcaster/frames/quickstart-farcasterframes/)

### Data & API Providers

- [Neynar (Farcaster)](https://neynar.com/)
- [Airstack Farcaster Kit: APIs & SDK](https://link.airstack.xyz/frames)
- [Web3 Bio](https://api.web3.bio/)
- [Guide: Onchain Tx Confirmations using OnceUpon API](https://onceupon.notion.site/Public-How-to-use-tx-confirmations-in-your-Frame-w-Once-Upon-862883e5e15a49d5bc5005df69dc627f)
- [Pinata - Hub, APIs](https://pinata.cloud/farcaster)
- [The Graph (onchain data)](https://thegraph.com/blog/build-with-farcaster-frames-the-graph/)
- [far.quest Free & Open-Source Farcaster APIs](https://docs.far.quest)
- [Post a frame action using Neynar's Farcaster signers API](https://docs.neynar.com/reference/post-frame-action)
- [Validate a frame action using Neynar](https://docs.neynar.com/reference/validate-frame)
- [Validate a frame action using Pinata](https://github.com/PinataCloud/pinata-fdk?tab=readme-ov-file#validateframemessage)
- [Validate a frame action using Airstack](https://docs.airstack.xyz/airstack-docs-and-faqs/guides/farcaster/frames-validator)

### Serverless Computing Providers

- [Phala Network](https://phala.network)
  - [FrameHub Template](https://github.com/Phala-Network/framehub-template)

### Boilerplate repos

- [Frames.js starter](https://github.com/framesjs/frames.js/tree/main/templates/next-starter-with-examples)
- [Next JS](https://github.com/Zizzamia/a-frame-in-100-lines)
- [Express JS](https://github.com/SamBroner/farcaster-frames-express-template)
- [Node JS](https://github.com/nekofar/farcaster-frames-template)
- [Syndicate Frame API, Make an NFT](https://github.com/WillPapper/syndicate-farcaster-frame-starter)
- [Simplest Frame (no framework)](https://github.com/depatchedmode/simplest-frame)
- [Privy Frame](https://github.com/privy-io/privy-frames-demo)
- [Oframl framework for building frames in OCaml](https://github.com/ncitron/oframl)
- [Smart account frame Template](https://github.com/pimlicolabs/smart-account-frame-template)
- [Rust Farcaster Frames Template](https://github.com/jpgonzalezra/farcaster-frames-template)
- [Remix Farcaster Frame Template](https://github.com/jfstn/remix-frames)
- [Typescript Farcaster Frames](https://github.com/Gekctek/farcaster-frame-azle)
- [Motoko Farcaster Frames](https://github.com/Gekctek/farcaster-frame)
- [Account Abstraction + Meta-transactions Frame](https://github.com/openfort-xyz/openfort-fc-frames-demo)
- [Using The Graph](https://github.com/schmidsi/cryptopunks-frames)
- [Python frame](https://github.com/devinaconley/python-frames/tree/main/examples/simple)

### Open source Frames

[63 Github repos tagged with farcaster-frames](https://github.com/topics/farcaster-frames)

- [Frames.js launch frame (pages then link)](https://github.com/framesjs/homeframe/blob/main/app/page.tsx)
  - [Demo](https://warpcast.com/df/0xd925a844)
- [IPFS Gateway Timer frame (GitHub)](https://github.com/eucalyptus-viminalis/ipfs-timer)
  - [Live on Warpcast](https://warpcast.com/3070/0x07bf940d)
- [Token gated frame using Unlock](https://github.com/unlock-protocol/token-gated-frame)
  - [Demo](https://warpcast.com/julien51.eth/0xa5390f5a)
- [Degen Frame](https://github.com/KartikC/degen-frame/)
  - [Demo](https://warpcast.com/sathaxe/0x5f6cdaed)
- [Text Input example](https://github.com/horsefacts/echo-the-dolphin)
- [Akinator Frame](https://github.com/therealharpaljadeja/akinator-farcaster-frame/tree/main) [Demo](https://warpcast.com/harpaljadeja/0xa4ff1e6b)
- [Onframe Chess](https://github.com/fiveoutofnine/onframe-chess) [Demo](onframe-chess.vercel.app)
- [Based adventure](https://github.com/seangeng/based-adventure)
- [Snake game](https://github.com/Joetoledano/snakecaster)
- [RSVP to events](https://github.com/therealharpaljadeja/farcaster-event-frame)
- [Show a random CC0-lib image](https://github.com/cc0-lib/cc0-lib-frames)
- [Small brain Frames](https://github.com/smallbraingames/small-brain-frame)
- [Onchain cow clicker](https://github.com/WillPapper/On-Chain-Cow-Farcaster-Frame)
- [Zora Mint Frame](https://github.com/lottopgf/zora-mint-frame)
- [Zora NFTs Carousel](https://github.com/jvaleskadevs/fc-frame-zora-nfts-carrousel)
- [Find StarkNet Friends on Farcaster](https://github.com/keep-starknet-strange/starknet-warpcast/tree/main/frames/find-starknet-frens)
- [Job frames from an API](https://github.com/jobstash/job-frame)
- [Yoink](https://github.com/horsefacts/yoink)
- [Poll app](https://github.com/farcasterxyz/fc-polls)
- [Netheria Text Based Mini Game Frame](https://gist.github.com/0xdeployer/3b9652e511485a0a088be708da6635b0)
- [2048 Game](https://github.com/Montoya/2048frame)
- [Event Invite Frame](https://github.com/therealharpaljadeja/farcaster-event-frame)
- [Quizframe.xyz](https://github.com/w1nt3r-eth/quizframe.xyz)
- [Cast gates](https://github.com/stephancill/castgates/)
- [Framering](https://github.com/riotgoools/framering)
- [Image gallery frame](https://github.com/Complexlity/image-gallery-frame)
- [Redirect frame example](https://github.com/farcasterxyz/redirect-frame)
- [Are We Frens frame](https://github.com/limone-eth/are-we-frens-frame)
- [Simple Lemon frame](https://github.com/limone-eth/lemon-frame)
- [LFG token frame](https://github.com/edendao/lfg)
- [Lu.ma Event Redirect Frame](https://github.com/thomas779/hackasado-frame)
- [Seedbucks, Mint ERC20](https://github.com/worm-emoji/seedbucks)
- [Mint GPT](https://github.com/instanetk/mintgpt/blob/629e94a47ac51f1110fa5914bd11c12e6bf1f699/src/pageComponents/mint/ContractDemo.tsx#L4)
- [Bag app](https://github.com/Destiner/bag-app)
- [in-frame captcha](https://github.com/limone-eth/farcaster-horizon-airstack/tree/main/app/api/captcha)
- [Assorted frames by Pinata](https://github.com/PinataCloud/pinataframes)
- [Lil Nouns Frames](https://github.com/lilnouns/lilnouns-frames)
- [Whitelist checker](https://github.com/99darwin/milo-whitelist-checker)
- [Choose your own adventure](https://github.com/99darwin/cyo-adventure)
- [Frames64](https://github.com/Dhruv-2003/Frame-base64)
- [ETH Wrapped](https://github.com/shiyasmohd/ethwrapped-frames)
- [Interframe](https://github.com/eucalyptus-viminalis/interframe)
- [Safe Proposal Frame](https://github.com/builders-garden/safe-proposal-frame)
- [Rock, Paper, Scissors](https://github.com/devinaconley/rock-paper-scissors)
- [Dark Forest Frames](https://github.com/thetechnocrat-dev/darkforestframe/tree/main)
- [Nouns playground frame](https://github.com/stephancill/nouns-playground-frame)
- [Coinframes.xyz Price Snapshot Frame](https://github.com/carlaiau/coinframes)
- [Ai roast or praise farcaster user using composer action to create frame](
https://github.com/koisose/ai-gaianet-composer)
- [Ok Banger]()https://github.com/iammatthias/okbanger
- [Farcaster Perpetual](https://github.com/jtgi/perpetual)
- [shibuya.xyz - White Rabbit: Chapter 5 Game](https://github.com/jtgi/shibuya-chapter5)

### Custom GPTs

- [Custom LLM Flask Frame](https://github.com/mr-spaghetti-code/flaskframe)
- [ChatGPT custom GPT, How to build frames](https://chat.openai.com/g/g-wnoTA6Mhw-how-to-build-frames-for-warpcast)
- [FramesGPT](https://chat.openai.com/g/g-vxALnvPFA-framesgpt)
- [Farcaster Framer](https://chat.openai.com/g/g-rIhEYpfwV-farcaster-framer)

## Bounties & rewards for building Frames

- [Bountycaster](https://www.bountycaster.xyz/?tag=tag-frames)

## Displaying Frames in your app

- [React SDK](https://framesjs.org/guides/apps/display-frames)
- [React Native SDK](https://framesjs.org/guides/apps/display-frames-in-react-native)
- [Embed an iframe](https://i.frames.fun/)

## Frame Analytics

- [Spindl](https://frames.spindl.xyz/)
- [ClickCaster, traffic exchange between Frames with analytics](https://clickcaster.xyz/)
- [No-code Frame analytics](https://framly.pages.dev/)

## Discover new frames

- [/frames](https://warpcast.com/~/channel/frames)
- [Launchcaster](https://www.launchcaster.xyz/?text=frame)
- [TopFrames.xyz - Curated directory of novel Frames](https://topframes.xyz/)

## Projects that integrated Frames

- [Frameboard, follow board with wallet](https://www.frameboard.com/)
  - [view board posts inframe](https://warpcast.com/jayme/0xb8415290)
- [Gallery, mint to connected wallet](https://gallery.so/)
- [Manifold, mint to connected wallet](https://manifold.xyz/)
- [Paragraph, Subscribe to newsletter](https://paragraph.xyz/)
  - [read a post inline](https://warpcast.com/colin/0x88627734)
- [Serotonin, Show you're attending an event](platform.serotonin.co/events)
  - [Show you're attending ETH Denver](https://warpcast.com/michael/0xb11100d8)

and many more

## Apps that support Frames

- [Warpcast](https://warpcast.com)
- [Supercast](https://www.supercast.xyz)
- [Yup](https://app.yup.io/login?callbackUrl=%2F)
- [Charmverse](https://warpcast.com/ccarella.eth/0xde011da7)
- [Launchcaster](https://launchcaster.xyz)
- [Buttrfly](https://buttrfly.app/)
- [Hey](https://hey.xyz/)
- [nounspace, customizable client where you can embed frames](https://nounspace.com)

## Frame Games
- [HyperLoot: Dungeon War Season 1](https://warpcast.com/tandavas/0xa86ead6d)

## Video Explanation 
- [Quickstart Farcaster Frames 101](https://youtu.be/LwA5vAtBMnc?si=kHWvzcQeNKuOHO24)
- [How to Create a Farcaster Frame](https://youtu.be/6OFgBzx4aSM?si=3NswMlh1e54ehVcb)
- [Farcaster Frames Beginner's Guide - Next.js & Local Testing](https://youtu.be/g_pkATT8pYU?si=gZC2Cft4THq5QOMl)

awesome-frames

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

awesome-frames

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README