hellno/mini-app-ui

A collection of components, hooks and utilities for mini apps using shadcn. Build beautiful and functional mini-apps with these ready-to-use components.

Payments

Token transfer

Fullscreen

Use in Vibes

pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/daimo-pay-transfer-button.json

Data Display

Show Coin Balance

Fullscreen

Use in Vibes

pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/show-coin-balance.json

Mini App Actions

Add or pin a mini app

Fullscreen

Use in Vibes

pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/add-miniapp-button.json

User & Profile

User Avatar Component

Fullscreen

Use in Vibes

FCFCFCFC

pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/avatar.json

User Context Display

Fullscreen

Use in Vibes

User not connected

pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/user-context.json

Onchain User Search

Fullscreen

Use in Vibes

pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/onchain-user-search.json

NFT

NFT Card Display

Fullscreen

Use in Vibes

Thirdweb OpenEdition

Thirdweb OpenEditionERC721

Zora NFT

NFT on Zora Network

Base Flamenco

NFTs2Me on Base

Farcaster Pro OG

Base NFT collection

Manifold GIF

by Jacque on Base

Mutant Ape Yacht Club

MAYC on Ethereum

Manifold NFT

Manifold on Base

Manifold Video NFT

NFT with video animation

Test NFT on Base

Testing NFT processing

Azuki

Title inside and blockchain in top right

pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/nft-card.json

NFT Mint Examples

Fullscreen

Use in Vibes

Thirdweb OpenEdition

Thirdweb OpenEditionERC721 contract on Celo

Contract: 0xD2Ed...9070

Network: celo

Test NFT - No Image

Testing NFT processing for contract without metadata

Contract: 0x8F84...4d7b

Generic NFT Mint

Contract: 0x5b97...c3a4

Base Flamenco (NFTs2Me)

NFTs2Me contract with dynamic pricing

Contract: 0x60b4...FC83

Manifold Higher ERC20 + ETH Fee

Contract: 0x32dd...1387

Instance: 4293509360

Manifold Free Mint + ETH Fee

Contract: 0x22fb...bedc

Instance: 4280815856

Manifold USDC Payment + ETH Fee

Contract: 0x612b...e2d0

Instance: 4223785200

Manifold Video NFT

NFT with video content as animation

Contract: 0xc9Fd...F42b

Instance: 3763024112

pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/nft-mint-flow.json

NFT Composition Example

Fullscreen

Use in Vibes

hellno/mini-app-ui

Payments

Data Display

Mini App Actions

User & Profile

NFT

Thirdweb OpenEdition

Zora NFT

Base Flamenco

Farcaster Pro OG

Manifold GIF

Mutant Ape Yacht Club

Manifold NFT

Manifold Video NFT

Test NFT on Base

Azuki

Thirdweb OpenEdition

Test NFT - No Image

Generic NFT Mint

Base Flamenco (NFTs2Me)

Manifold Higher ERC20 + ETH Fee

Manifold Free Mint + ETH Fee

Manifold USDC Payment + ETH Fee

Manifold Video NFT

Manifold Video NFT Open Edition

Manifold Video NFT Limited Mint