# Gamification components

> 2 Gamification components for React, shadcn, Vue 3, Laravel Blade and HTML + Alpine.js: Gamification, Loyalty and Promo.

Source: https://docs.nasaqui.com/components/groups/gamification

- [Gamification](https://docs.nasaqui.com/components/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.
- [Loyalty and Promo](https://docs.nasaqui.com/components/loyalty-promo): A loyalty card with tiers and expiring points, a points ledger, promo-code entry and management, and a customer visit history.