Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Account Block Credits & Gift Cards
Account credits and gift cards dashboard with balance management, gift card redemption, credit history, auto-apply settings, and transfer options for store credit
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Store credit keeps customers coming back. This React account credits dashboard shows available balance, gift card management, transaction history, and redemption options. Built with shadcn/ui Card, Button, Badge, Dialog, Input, Switch, and Tabs components with Lucide React icons, users can check balances, redeem gift cards, view credit history, enable auto-apply at checkout, and transfer credits. Expiration warnings, source tracking, and clear transaction logs—perfect for e-commerce platforms, marketplaces, subscription services, or any business offering store credit, referral rewards, or gift card programs.
Credits & Gift Cards
Manage your store credit and gift card balance
$127.50
Available balance
$127.50
Total Balance
$132.50
Gift Cards
+$115.00
This Month
$25.00
Expiring Soon
$25.00 expiring soon
Use your promotional credits before Mar 31, 2025
Quick Actions
Auto-apply credits at checkout
Automatically use your balance when placing orders
Order #ORD-1847
Dec 5, 2024
$45.00
Balance: $127.50
Gift Card Redeemed
Dec 1, 2024
+$100.00
Balance: $172.50
Referral Reward
Nov 28, 2024
+$15.00
Balance: $72.50
Order #ORD-1832
Nov 25, 2024
$25.00
Balance: $57.50
Refund - Order #ORD-1815
Nov 20, 2024
+$32.50
Balance: $82.50
Promotional Credit Expired
Oct 31, 2024
$10.00
Balance: $50.00
About your credits
Store credits are automatically applied at checkout when enabled. Gift cards never expire but promotional credits may have an expiration date. Credits cannot be redeemed for cash. Contact support for any balance issues.
Installation
Related blocks you will also like
React Account Block Rewards
Loyalty rewards program
React Account Block Billing
Billing and payments
React Account Block Payment Methods
Saved payment methods
React Account Block Referrals
Referral program
React Account Block Orders
Order history
React Account Block Subscription
Subscription management
Questions you might have
React Account Block Connected Accounts
Connected accounts management showing linked social media platforms and third-party services with connect/disconnect actions
React Account Block Danger Zone
Account danger zone with destructive actions like deactivate account and delete account with confirmation dialogs and warnings