/candy-machine-v3-ui

Launch your own Responsive Metaplex Candy Machine V3 UI within minutes.

Primary LanguageTypeScript

Candy Machine v3 UI Introduction

Hi! This is a production ready Candy Machine V3 responsive UI which can be easily customized. Major features of the CMv3 such as Candy Guards are implemented & auto-detected.

Preview

Desktop preview of Candy Machine V3 — Desktop preview.

Preview it live here.

Deploy with Vercel (recommended)

Vercel is great to host your Candy Machine on, deploy it instantly by clicking the button below.

Deploy with Vercel

Implemented features

  • Responsive UI
  • Single Mint UI
  • Multi Mint UI
  • Start Time Countdown
  • Preview Minted NFTs
  • Guards Supported
    • Start Date
    • End Date
    • Sol Payment
    • Token Payment
    • Mint Limit
    • Bot Tax
    • Token Burn
    • Token Gate
    • NFT Payment
    • NFT Burn
    • NFT Gate
    • Redeemed Amount
    • Address Gate
    • Allow List
    • Gatekeeper

Multi Group

For Multi-group functionality use cmv3-demo-initialization branch

Env Variables

NEXT_PUBLIC_SOLANA_NETWORK=mainnet/devnet
NEXT_PUBLIC_RPC_HOST=networkURL
NEXT_PUBLIC_CANDY_MACHINE_ID=candyMachineID

If on Vercel or a similar host you need to add these as environmental variables in your project settings.

Quick customization

Want to customize the color scheme? This frontend uses 6 main colors that can be found in globals.css change these values and the changes will apply globally.

:root {
  --main-background-color: #0E0E0E;
  --alt-background-color: #202020;
  --white: #fff;
  --black: #000;
  --primary: #4E44CE;
  --error: #D92D20;
}

Preview alternative Candy Machine states

Candy Machine V3 with Start Date — Candy Machine V3 with Start Date

Candy Machine V3 with Address Gate, Allow List or other similar guards — Candy Machine V3 with Address Gate, Allow List or other similar guards

Credits

Thanks to Solana Studio for creating the original frontend. This repo is an addition onto theirs with more frontend features and dynamic functions.

Feedback/Collaborating/Support

If you have any feedback, want to collaborate or need support, please reach out to us at hello@kite.studio