hellno/mini-app-ui

Farcaster

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
FullscreenVibes Engineering Logo 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
FullscreenVibes Engineering Logo Use in Vibes
pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/show-coin-balance.json

Mini App Actions

Share text and link in a cast
FullscreenVibes Engineering Logo Use in Vibes
pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/share-cast-button.json
Add or pin a mini app
FullscreenVibes Engineering Logo Use in Vibes
pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/add-miniapp-button.json
Share Bottom Sheet
FullscreenVibes Engineering Logo Use in Vibes
pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/share-bottom-sheet.json

User & Profile

User Avatar Component
FullscreenVibes Engineering Logo Use in Vibes
FCFCFCFC
pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/avatar.json
User Context Display
FullscreenVibes Engineering Logo Use in Vibes
FC
User not connected
FC
User not connected
pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/user-context.json

NFT

NFT Card Display
FullscreenVibes Engineering Logo Use in Vibes
NFT Image

Thirdweb OpenEdition

Thirdweb OpenEditionERC721

NFT Image

Zora NFT

NFT on Zora Network

NFT Image

Base Flamenco

NFTs2Me on Base

NFT Image

Farcaster Pro OG

Base NFT collection

NFT Image
Mutant Ape #7789

Mutant Ape Yacht Club

MAYC on Ethereum

NFT Image

Manifold NFT

Manifold on Base

NFT Image

Test NFT on Base

Testing NFT processing

NFT Image

Azuki

Title inside and blockchain in top right

NFT Image

Doodles

Title at top and blockchain in bottom right

pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/nft-card.json
NFT Mint Examples
FullscreenVibes Engineering Logo Use in Vibes

Thirdweb OpenEdition

Thirdweb OpenEditionERC721 contract on Celo

Contract: 0xD2Ed...9070
Chain: 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
pnpm dlx shadcn@latest add https://hellno-mini-app-ui.vercel.app/r/nft-mint-flow.json