Mugen Stamp Deck

A tactile postage selector that brings one paper mark forward from a small deck and applies it to a dispatch without losing the rest of the collection.

Dependencies

lucide-react↗motion↗

Interaction Types

Choose a stamp — the selected mark rises from the deck without a page-like transition

Use left and right arrows to browse the postage set

Apply the selected issue to confirm the dispatch mark

How to use

'use client';

import { MugenStampDeck } from "@/components/mugen-stamp-deck";

export default function Demo() {
  return <MugenStampDeck stamps={stamps} />;
}

Component Props

Prop	Type	Default	Description
stamps	MugenStamp[]	—	Stamp metadata with title, issue, value, caption, and tone
value	string	—	Controlled active stamp id
defaultValue	string	first stamp	Initial uncontrolled active stamp
compact	boolean	false	Condensed composition for catalog tiles and narrow layouts
onValueChange	(id, stamp) => void	—	Called after active stamp changes
onApply	(stamp) => void	—	Called after the active stamp is applied
disabled	boolean	false	Disables interaction

← PreviousMugen Contact Cascade Next →Avatar Group Wave