Gamification components
2 Gamification components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: Gamification, Loyalty and Promo.
- GamificationA kit for progress and rewards. Leaderboard with period tabs, podium, movement arrows and your rank pinned, a badge grid with earned, in-progress and locked states and rarity, achievement card, XP and level progress, streak counter with calendar, reward cards and an unlock toast that respects reduced motion.
- Loyalty and PromoA loyalty card with tiers and expiring points, a points ledger, promo-code entry and management, and a customer visit history.
TagInput
Chips inside an input box. Enter or comma adds, Backspace removes the last, paste splits on commas and new lines; supports maxTags, validation, suggestions, and Field.
Gamification
A kit for progress and rewards. Leaderboard with period tabs, podium, movement arrows and your rank pinned, a badge grid with earned, in-progress and locked states and rarity, achievement card, XP and level progress, streak counter with calendar, reward cards and an unlock toast that respects reduced motion.