Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/davidfurlong/awesome-frames

All the best Farcaster Frames resources in one place
https://github.com/davidfurlong/awesome-frames

List: awesome-frames

farcaster farcaster-frames frames

Last synced: 17 days ago
JSON representation

All the best Farcaster Frames resources in one place

Awesome Lists containing this project

README 

        
# 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)