project screenshot 1
project screenshot 2
project screenshot 3
project screenshot 4
project screenshot 5

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!

FrameGPT

Created At

Frameworks

Project Description

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

background image mobile

Join the mailing list

Get the latest news and updates