Part of the Chaotic ecosystem — a Polkadot Art Marketplace.
Frontend for the Chaotic EVM generative art dApp. Built with Nuxt 4 and a strict black-and-white design system, the interface is designed to put generative artwork front and center while providing wallet connectivity and minting flows on the Polkadot Smart Contracts.
- Black & white design system — monochrome UI built with Nuxt UI, art-first presentation
- Generative art gallery — browse and discover on-chain generative art collections
- Minting UI — mint ERC-721 NFTs directly from the browser
- EVM wallet connectivity — connect wallets for on-chain interactions on Polkadot Smart Contracts
- Framework: Nuxt 4 (Vue 3, Nitro, Vite)
- Components: Nuxt UI v4
- Styling: Tailwind CSS v4, black-and-white design language
- Runtime: Bun
- Language: TypeScript
- Linting: ESLint with
@nuxt/eslint
├── app/ # Nuxt 4 source dir
│ ├── assets/css/ # Tailwind + Nuxt UI theme
│ ├── components/ # Vue components
│ └── pages/ # Route pages
├── drops-contract/ # ERC721 Drop smart contracts (Hardhat)
├── public/ # Static assets
├── nuxt.config.ts # Nuxt configuration
└── package.json
- Bun v1.x+
bun install
bun run devDevelopment server runs at http://localhost:3000.
bun run build
bun run preview| Script | Description |
|---|---|
bun run dev |
Nuxt dev server with hot reload |
bun run build |
Production build |
bun run preview |
Preview production build locally |
bun run lint |
Run ESLint |
bun run typecheck |
Type checking |
The UI follows a strict black-and-white aesthetic — a monochrome palette that puts generative artwork front and center. The design system uses Nuxt UI's neutral color scale, keeping chrome minimal so the art speaks for itself.