Loot Reveal
Pro
A chest that shakes, opens and rolls an item with a rarity glow.
Click the chest
Customize
1×
Installation
Loot Reveal is part of Pro. After purchase you're invited to the private mekai-ui/mekai-ui-pro GitHub repository: copy loot-reveal.tsx and icons.tsx into components/ui and run npm install motion.
Usage
import { LootReveal } from "@/components/ui/loot-reveal";
<LootReveal luck={1} onOpen={(rarity) => grantReward(rarity)} />Props
3 properties| Property | Type | Default | Description |
|---|---|---|---|
| luck | number | 1 | Multiplier for epic and legendary drop chances. |
| onOpen | (rarity: Rarity) => void | — | Called with the rolled rarity after the chest opens. |
| className | string | — | Extra classes for the wrapper. |
Dependencies: motion