FrameGPT
⚡ Build frames in seconds. FrameGPT is a no-code frame builder that lets you build frames through prompts -- make highly-customizable photo galleries, mints, games, checkouts, & more!
Demo
About
By writing out what you want in each frame, FrameGPT lets you build highly-custom frames in seconds. Describe the frame name, page title, image URL/ratio, & buttons, then hit generate to see the link! Example frame generated by FrameGPT: https://frames.neynar.com/f/694862b4/3fa85f64 Some example prompts: ️💰 One Page Mint ️💰 Frame Name: Sample Mint Title: Page One Image URL: https://cloudflare-ipfs.com/ipfs/QmajRLF79ZG3P1iq2WfY5H2SxbACqVZU6LxqLiQBEaWAP9 Image ratio: 1:1 Buttons: 1. Mint, uses this contract: 0xb0d94258bcee18c3fcfbd6b0ac336cdf4e2b67a9 🖼️ Multi-frame, multi-options 🖼️ Frame Name: Frame Name --Frame One-- Title: Page One Image URL: https://cloudflare-ipfs.com/ipfs/QmajRLF79ZG3P1iq2WfY5H2SxbACqVZU6LxqLiQBEaWAP9 Image ratio: 1:1 Buttons: 1. Learn more, redirect to https://www.coinbase.com/ 2. Next page, goes to Page 2 --Frame Two-- Title: Page 2 Image URL: https://cloudflare-ipfs.com/ipfs/QmUYMKFHqwxyX6LpZyGT7LMcDmo7SdoKmrQVXvPa8zkk9k Aspect ratio: 1:1 Buttons: 1. Mint, use this contract: 0xb0d94258bcee18c3fcfbd6b0ac336cdf4e2b67a9 2. Learn more, link to https://www.coinbase.com/ 3. Back, goes to Page One 4. Next, goes to Third Page --Frame Three-- Name: Third Page Image: https://cloudflare-ipfs.com/ipfs/QmeCYyYFBbRLeHtpQrAc7yrDoJL6QGnJ18ZQwENBCdwiJB Aspect ratio: 1.91:1 Input text placeholder: Enter something... Buttons: 1. Back, goes to Page 2 2. Home, goes to Page One
How it's made
After the user writes out their frame specs, the string data is passed into GPT-3.5 through the OpenAI API. This enables the data to be parsed into the right JSON format, to be sent to the Neynar Frames API. The Neynar Frames API receives the JSON and returns a link to the frame. Tech stack: Next.js, React, TypeScript, Tailwind, Neynar Frames API, OpenAI API