Banner Creator
Flex your inscriptions with your ord.io banner!
The Recursive Banner Creator uses HTML, CSS and JavaScript to display your inscriptions in a custom banner on X or ord.io.
Simply enter in as many inscription ID's as you want, and we will generate your banner for you.
The banner will adjust to display correctly on any screen size when used as an ord.io banner.
Because ord.io banners expand to the full width of the screen, these banners work best with lots of images, as this reduces empty space around the edges. We recommend at least 7 images, but you can add as many as you want.
However, on mobile, only the middle 2 or 3 images will be visible, so make sure your best inscriptions are in the centre.
Supported inscription file types: WEBP, JPEG, PNG, APNG, AVIF, GIF and SVG
While we do support animated image formats such as GIF and APNG, the banners do not support animation, meaning if you use an animated image, it will just display the first frame of the animation.
Inscribing
You can choose to inscribe yourself, or inscribe with GeneratOrd.
If you want to inscribe yourself, simple download the banner and inscribe the HTML file.
If you want to inscribe with GeneratOrd, simply set the fee rate, padding and destination address (more details here), and click Inscribe.
The resulting inscription is fully on chain and can be right click saved as an image to use wherever you want.
The ord.io banner inscription won't show up correctly on explorers as it automatically fits to the height of the screen you’re using.
Make sure to set it as your banner on ord.io to see it as it's meant to be viewed.
Creating a Banner for X (Twitter)
X Banners have a ratio of 3:1, so if you put 3 inscriptions in, you will generate a banner perfect for X. Simply enter your 3 favourite inscriptions, then right click, save image and set it as your banner on X.
Examples
You can view some examples, as well as other templates we’ve created in the wallet and repo below:
https://github.com/sanjfomojis/Recursion-OMBounty
OMBounty Wallet: bc1ppd5yvz8dektaf9962he9lqvj64vqw6eep9lh36h7syaga60hnuhsr3v2wy
Last updated
Was this helpful?