NFT Token Image Builder

November 1, 2023 (1y ago)

React
Next.js
Pixi.js
RainbowKit
Ethereum
Web3

Overview

Built an interactive NFT generation tool using Pixi.js that creates unique hexagonal-based token designs. The builder features a composite hexagonal grid where each cell can be individually customized with patterns, colors, and rotations. Users can create distinctive guild emblems through an intuitive interface that allows for pattern selection and manipulation of individual hexagon properties.

Demo

Here I built a simplified version of the builder.

Interactions:

  • Click on a hexagon to rotate and form an image or logo
  • Convert to PNG

Other features in the original project:

  • More hexagon inside patterns
  • Pattern & Hexagon color customization
  • Template library