└── README.md /README.md: -------------------------------------------------------------------------------- 1 | # Awesome Frames 2 | 3 | A Frame lets you turn any website into an interactive Frame that other apps or websites can show to their users. 4 | It’s a standard for creating interactive and authenticated experiences - Create polls, live feeds, interactive galleries or anything else you can image. 5 | 6 | ![](https://docs.farcaster.xyz/assets/frame_og.fVqFIQuZ.png) 7 | 8 | [Farcaster Frames Docs](https://docs.farcaster.xyz/learn/what-is-farcaster/frames) 9 | 10 | ## Quickstart to build frames 11 | 12 | - [frames.js](https://framesjs.org) is the fastest way to start building frames 13 | 14 | ## Ask for help & meet other Frames builders 15 | 16 | - [/frames-devs](https://warpcast.com/~/channel/frames-devs) 17 | 18 | ## Useful Tools 19 | 20 | - [Reset your Frames metadata cache on Warpcast](https://warpcast.com/~/developers/embeds) 21 | - [Validate your frame is working](https://warpcast.com/~/developers/frames) 22 | - [Verify Frames actions onchain](https://warpcast.com/fastfourier.eth/0xcaaa0dc9) 23 | - [Satori: Library to convert HTML to Images](https://github.com/vercel/satori) 24 | - [Onchainkit: Deploy onchain](https://github.com/coinbase/onchainkit) 25 | - [Generate dynamic open graph images with Vercel](https://vercel.com/docs/functions/edge-functions/og-image-generation) 26 | - [Toolkit to build onchain with Base](https://github.com/coinbase/build-onchain-apps) 27 | - [OG image playground using Vercel's Satori](https://og-playground.vercel.app/) 28 | - [Deploy your frame on-chain using the Internet Computer (ICP](https://medium.com/dfinity/how-to-create-an-on-chain-farcaster-frame-ee232e807219) 29 | - [Pinata Node.js Frame Development Kit](https://github.com/PinataCloud/pinata-fdk) 30 | 31 | ### Data & API Providers 32 | 33 | - [Neynar (Farcaster)](https://neynar.com/) 34 | - [Airstack (Farcaster, Lens, XMTP, ENS, ...)](https://explorer.airstack.xyz/) 35 | - [Web3 Bio](https://api.web3.bio/) 36 | - [Guide: Onchain Tx Confirmations using OnceUpon API](https://onceupon.notion.site/Public-How-to-use-tx-confirmations-in-your-Frame-w-Once-Upon-862883e5e15a49d5bc5005df69dc627f) 37 | - [Pinata - Hub, APIs](https://pinata.cloud/farcaster) 38 | 39 | ### Serverless Computing Providers 40 | - [Phala Network](https://phala.network) 41 | - [FrameHub Template](https://github.com/Phala-Network/framehub-template) 42 | 43 | ### Boilerplate repos 44 | 45 | - [Frames.js starter](https://github.com/framesjs/frames.js/tree/main/examples/framesjs-starter) 46 | - [Next JS](https://github.com/Zizzamia/a-frame-in-100-lines) 47 | - [Express JS](https://github.com/SamBroner/farcaster-frames-express-template) 48 | - [Node JS](https://github.com/nekofar/farcaster-frames-template) 49 | - [Syndicate Frame API, Make an NFT](https://github.com/WillPapper/syndicate-farcaster-frame-starter) 50 | - [Simplest Frame (no framework)](https://github.com/depatchedmode/simplest-frame) 51 | - [Privy Frame](https://github.com/privy-io/privy-frames-demo) 52 | - [Oframl framework for building frames in OCaml](https://github.com/ncitron/oframl) 53 | - [Smart account frame Template](https://github.com/pimlicolabs/smart-account-frame-template) 54 | - [Rust Farcaster Frames Template](https://github.com/jpgonzalezra/farcaster-frames-template) 55 | - [Remix Farcaster Frame Template](https://github.com/jfstn/remix-frames) 56 | - [Typescript Farcaster Frames](https://github.com/Gekctek/farcaster-frame-azle) 57 | - [Motoko Farcaster Frames](https://github.com/Gekctek/farcaster-frame) 58 | - [Account Abstraction + Meta-transactions Frame](https://github.com/openfort-xyz/openfort-fc-frames-demo) 59 | 60 | ### Open source Frames 61 | 62 | - [Frames.js launch frame (pages then link)](https://github.com/framesjs/homeframe/blob/main/app/page.tsx) 63 | - [Demo](https://warpcast.com/df/0xd925a844) 64 | - [IPFS Gateway Timer frame (GitHub)](https://github.com/eucalyptus-viminalis/ipfs-timer) 65 | - [Live on Warpcast](https://warpcast.com/3070/0x07bf940d) 66 | - [Token gated frame using Unlock](https://github.com/unlock-protocol/token-gated-frame) 67 | - [Demo](https://warpcast.com/julien51.eth/0xa5390f5a) 68 | - [Degen Frame](https://github.com/KartikC/degen-frame/) 69 | - [Demo](https://warpcast.com/sathaxe/0x5f6cdaed) 70 | - [Text Input example](https://github.com/horsefacts/echo-the-dolphin) 71 | - [Akinator Frame](https://github.com/therealharpaljadeja/akinator-farcaster-frame/tree/main) [Demo](https://warpcast.com/harpaljadeja/0xa4ff1e6b) 72 | - [Onframe Chess](https://github.com/fiveoutofnine/onframe-chess) [Demo](onframe-chess.vercel.app) 73 | - [Based adventure](https://github.com/seangeng/based-adventure) 74 | - [Snake game](https://github.com/Joetoledano/snakecaster) 75 | - [RSVP to events](https://github.com/therealharpaljadeja/farcaster-event-frame) 76 | - [Show a random CC0-lib image](https://github.com/cc0-lib/cc0-lib-frames) 77 | - [Small brain Frames](https://github.com/smallbraingames/small-brain-frame) 78 | - [Onchain cow clicker](https://github.com/WillPapper/On-Chain-Cow-Farcaster-Frame) 79 | - [Zora Mint Frame](https://github.com/lottopgf/zora-mint-frame) 80 | - [Zora NFTs Carousel](https://github.com/jvaleskadevs/fc-frame-zora-nfts-carrousel) 81 | - [Find StarkNet Friends on Farcaster](https://github.com/keep-starknet-strange/starknet-warpcast/tree/main/frames/find-starknet-frens) 82 | - [Job frames from an API](https://github.com/jobstash/job-frame) 83 | - [Yoink](https://github.com/horsefacts/yoink) 84 | - [Poll app](https://github.com/farcasterxyz/fc-polls) 85 | - [Netheria Text Based Mini Game Frame](https://gist.github.com/0xdeployer/3b9652e511485a0a088be708da6635b0) 86 | - [2048 Game](https://github.com/Montoya/2048frame) 87 | - [Event Invite Frame](https://github.com/therealharpaljadeja/farcaster-event-frame) 88 | - [Quizframe.xyz](https://github.com/w1nt3r-eth/quizframe.xyz) 89 | - [Cast gates](https://github.com/stephancill/castgates/) 90 | - [Framering](https://github.com/riotgoools/framering) 91 | - [Image gallery frame](https://github.com/Complexlity/image-gallery-frame) 92 | - [Redirect frame example](https://github.com/farcasterxyz/redirect-frame) 93 | - [Are We Frens frame](https://github.com/limone-eth/are-we-frens-frame) 94 | - [Airstack NFT frame](https://github.com/limone-eth/airstack-frame) 95 | - [Simple Lemon frame](https://github.com/limone-eth/lemon-frame) 96 | - [LFG token frame](https://github.com/edendao/lfg) 97 | - [Lu.ma Event Redirect Frame](https://github.com/thomas779/hackasado-frame) 98 | - [Seedbucks, Mint ERC20](https://github.com/worm-emoji/seedbucks) 99 | - [Mint GPT](https://github.com/instanetk/mintgpt/blob/629e94a47ac51f1110fa5914bd11c12e6bf1f699/src/pageComponents/mint/ContractDemo.tsx#L4) 100 | - [Bag app](https://github.com/Destiner/bag-app) 101 | - [in-frame captcha](https://github.com/limone-eth/farcaster-horizon-airstack/tree/main/app/api/captcha) 102 | - [Assorted frames by Pinata](https://github.com/PinataCloud/pinataframes) 103 | - [Lil Nouns Frames](https://github.com/lilnouns/lilnouns-frames) 104 | 105 | ### Custom GPTs 106 | 107 | - [Custom LLM Flask Frame](https://github.com/mr-spaghetti-code/flaskframe) 108 | - [ChatGPT custom GPT, How to build frames](https://chat.openai.com/g/g-wnoTA6Mhw-how-to-build-frames-for-warpcast) 109 | - [FramesGPT](https://chat.openai.com/g/g-vxALnvPFA-framesgpt) 110 | - [Farcaster Framer](https://chat.openai.com/g/g-rIhEYpfwV-farcaster-framer) 111 | 112 | ## Bounties & rewards for building Frames 113 | 114 | - [Bountycaster](https://www.bountycaster.xyz/?tag=tag-frames) 115 | 116 | ## Hackathons 117 | 118 | - [NYC, 28th Feb -](https://lu.ma/tyu0ypth) 119 | - [Austin, 1st Feb](https://blocklive.io/event/atx-frames-hackathon) 120 | - [Virtual deadline, 2nd Feb](https://warpcast.com/betashop.eth/0xf02fb1ad) 121 | - [Bengaluru, 3rd of February](https://lu.ma/5nhqyowv) 122 | - [London, 4th February](https://warpcast.com/oxb/0x4351707a) 123 | - [Tel Aviv, 4th February](https://airtable.com/appxPSwSOcnhRjN9l/pagGzXxL2atfCNnJh/form) 124 | - [Buenos Aires, 8th February](https://lu.ma/xl67p196) 125 | - [Chennai, 10th February](https://lu.ma/hack-frames-chennai) 126 | - [Lisbon, 11th February](https://lu.ma/rjzvfie1) 127 | 128 | ## Embedding Frames in your own app 129 | 130 | - [Client side SDK to render frames](https://docs.modprotocol.org/farcaster-frames) 131 | - [Post a frame action using Neynar's Farcaster signers API](https://docs.neynar.com/reference/post-frame-action) 132 | - [Validate a frame action using Neynar](https://docs.neynar.com/reference/validate-frame) 133 | - [Validate a frame action using Pinata](https://github.com/PinataCloud/pinata-fdk?tab=readme-ov-file#validateframemessage) 134 | 135 | ## What's coming next in Frames 136 | 137 | - [Varun's cast](https://warpcast.com/v/0x496df759) 138 | 139 | ## Frame creation sites 140 | 141 | - [Create threads](https://github.com/Sneh1999/fc-threads) 142 | - [Create fc-polls](https://fc-polls.vercel.app/) 143 | - [Create polls](https://polls.dep.dev/) 144 | - [Quizframe.xyz](https://quizframe.xyz/), [Source Code](https://github.com/w1nt3r-eth/quizframe.xyz) 145 | - [Create a quiz](https://frame-quiz.vercel.app/) 146 | - [Earncaster: Reward Farcaster users for learning about your products or ideas](https://earncaster.com/) 147 | - [Glass.cx](https://glass.cx/) 148 | - [Token gated frames](https://frames.token-gated.com/) 149 | - [Neynar no-code frames, must be logged in](https://dev.neynar.com/frames) 150 | 151 | ## Frame ideas 152 | 153 | - [Warpcast search](https://warpcast.com/~/search/casts?q=Frame+idea) 154 | - [@les](https://warpcast.com/les/0xe58eb035) 155 | - [@df](https://warpcast.com/df/0xfdd6e7b7) 156 | 157 | ## Frame Analytics 158 | 159 | - [Spindl](https://frames.spindl.xyz/) 160 | 161 | ## Frame launches 162 | 163 | - [/frames](https://warpcast.com/~/channel/frames) 164 | - [Launchcaster](https://www.launchcaster.xyz/?text=frame) 165 | - [TopFrames.xyz - Curated directory of novel Frames](https://topframes.xyz/) 166 | 167 | ## Projects that integrated Frames 168 | 169 | - [Gallery, mint to connected wallet](https://gallery.so/) 170 | - [Manifold, mint to connected wallet](https://manifold.xyz/) 171 | - [Paragraph, Subscribe to newsletter](https://paragraph.xyz/) 172 | - [read a post inline](https://warpcast.com/colin/0x88627734) 173 | - [Serotonin, Show you're attending an event](platform.serotonin.co/events) 174 | - [Show you're attending ETH Denver](https://warpcast.com/michael/0xb11100d8) 175 | 176 | ## Apps that support Frames 177 | 178 | - [Warpcast](https://warpcast.com) 179 | - [Supercast](https://www.supercast.xyz) 180 | - [Yup](https://app.yup.io/login?callbackUrl=%2F) 181 | - [Charmverse](https://warpcast.com/ccarella.eth/0xde011da7) 182 | - [Launchcaster](https://launchcaster.xyz) 183 | 184 | ## Other Frames implementations 185 | 186 | - [XMTP](https://community.xmtp.org/t/supporting-frames-in-xmtp/535) 187 | - [Lens](https://reflect.site/g/yoginth/hey-portal-open-graph-spec/cd7225f128274da382f1f516e7e63f15) 188 | --------------------------------------------------------------------------------