Shadcn.io is not affiliated with official shadcn/ui
Empty State No Transactions
A minimal empty state for transaction history pages with no activity, built with React, Next.js, shadcn/ui, and Tailwind CSS featuring a timeline skeleton layout and a view accounts CTA
Display a polished empty state when your transaction history is empty. This React and Next.js block features a timeline-style skeleton with faded date markers, placeholder transaction rows, and a prominent call-to-action to view connected accounts. Built with shadcn/ui Button, motion/react staggered animations, and Tailwind CSS. Ideal for fintech dashboards, banking apps, and payment history pages.
Related Components
No Invoices Empty State
Empty state for billing dashboards with table skeleton layout
No Subscriptions Empty State
Empty state for subscription management with recurring billing CTA
No Payment Methods Empty State
Empty state for payment settings with add card CTA
No Expenses Empty State
Empty state for expense tracking with receipt-style layout
No Audit Trail Empty State
Empty state for audit logs with activity tracking setup CTA
No History Empty State
Empty state for history feeds with recent activity messaging
FAQ
Was this page helpful?
Sign in to leave feedback.
No Training Data
An empty training data state with an upload dropzone showing file type icons, brain icon, and a CTA to upload a dataset using shadcn/ui and Tailwind CSS
No Uploads
React empty state block with a prominent dashed border drag-and-drop upload zone, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations