project screenshot 1
project screenshot 2
project screenshot 3

Git Showcase

A no code solution to quickly turn any public GitHub repository into an interactive frame, allowing creators to showcase the key features of their project with ease.

Git Showcase

Created At

Frameworks

Project Description

Git Showcase allows any user with a GitHub account to quickly create interactive frames with just a few clicks. It's primary purpose is to offer an all-in-one solution for developers to showcase important features of their project, in a way that is engaging for the user. While intended to showcase project, there are not strict limitations on what repositories it can be added to. It can turn any repository into a frame (even empty ones!), allowing users of varying technical ability to create interactive frames, all while using GitHub as the primary storage of the images and button configuration.

The interactive frame builder allows creators to add up to 10 frames, each capable of displaying up to 4 buttons in any configuration they wish. Creators can create mint, link and navigation buttons allowing them to create custom frame flows that best showcase their project. Picture a frame that holds your project GitHub links, documentation, waiting list sign ups, governance voting pages and even mintable Base NFTs in one easy to manage place.

The frame creation process is made to be as streamlined as possible:

  1. Use the interactive frame builder to create your showcase
  2. Download the frame export and extract the contents into the root of your repository. Don't forget to commit and push!
  3. That's it! Use the Git Showcase link generator to create your sharable frame link.

How it's Made

This project is built using the NextJS and FrogFM frameworks. The interactive frame builder is built as a NextJS page, which POSTs the submitted frame data to a ZIP generation endpoint. This endpoint validates the frame configuration and creates an extractable ZIP of the framedata which can be extracted into the root of the project repository. When the sharable link is created, the frame fetches the configuration from the specified project GitHub and displays it.

background image mobile

Join the mailing list

Get the latest news and updates