Shadcn.io is not affiliated with official shadcn/ui
React Store Credit Dashboard
Balance tracker with transaction history, pending credits, and redemption info for React, Next.js, shadcn/ui, and Tailwind CSS
Track and manage store credit with this balance dashboard block. Shows the available credit balance prominently at the top, followed by pending credits awaiting approval, a filterable transaction history with dates and amounts for credits and debits, and redemption details. Each transaction row displays the type, description, date, and amount with color-coded positive and negative values. Expanding a transaction reveals additional details like the associated order or reason. Uses Button components from shadcn/ui following the Vercel minimal aesthetic with flat border-divided sections. Perfect for loyalty programs, refund management, and customer retention.
React Store Credit Dashboard preview
Installation
Related Components
Gift Card
Gift card purchase
Loyalty
Rewards program
Coupon Wallet
Coupon management
Payment Methods
Saved payment cards
Return Request
Return and exchange form
Order History
Past orders list
FAQ
Was this page helpful?
Sign in to leave feedback.
React Split Payment Checkout
Multi-method payment form with card, gift card, and store credit allocation for React, Next.js, shadcn/ui, and Tailwind CSS
React Store Locator Finder
Product availability search with stock status, distance, and reserve-for-pickup for React, Next.js, shadcn/ui, and Tailwind CSS