Make your AI a shadcn expert

Storefront Store Credit

Balance tracker with transaction history, pending credits, and redemption info for React, Next.js, shadcn/ui, and Tailwind CSS

Scroll to load preview

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.

FAQ

Last updated on March 28, 2026

Was this page helpful?

Sign in to leave feedback.