https://github.com/alekcangp/framer

https://github.com/alekcangp/framer

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/alekcangp/framer
• Owner: alekcangp
• License: mit
• Created: 2024-03-25T08:07:28.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-04-01T06:48:35.000Z (3 months ago)
• Last Synced: 2024-04-01T07:47:32.650Z (3 months ago)
• Language: JavaScript
• Homepage: https://framer.loophole.site/
• Size: 67.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-open-frames - Framer

README

        
## Framer is the Farcaster Frame to building the Frames.

**Users can make own frames rigth into the frame. Each frame has a unique URL and is ready to be used. It's a quick and easy way to cast own profile card or introduce a product on Farcaster client.**

**User Flow**

1. Start the Framer.

2. Past custom image's URL (<10 MB) or skip for random image.

3. Enter the labels of the buttons and external links (up to 4).

4. Click `Show frame's URL` button.

5. Copy the link and paste it in a compatible Farcaster client.

![Framer](https://i.imgur.com/MHWwXiL.gif)

![Kamchatka](https://i.imgur.com/1VYDJBa.png)

## How to use

1. Clone the repository

2. Run `npm install`

3. Run `npm start`

## Check the frame

- [Playground](https://codesandbox.io/p/sandbox/wonderful-tesla-drl5hp) 

- [Live URL](https://framer.loophole.site/) 

- [Example user's frame](https://framer.loophole.site/2acbb647-c7e1-46e9-a2d8-286a2ae2060e)

## References

-   https://docs.farcaster.xyz/reference/frames/spec

-   https://github.com/open-frames/standard

-   https://converse.xyz/