Shadcn.io is not affiliated with official shadcn/ui
Empty State No Performance Data
React empty state block for performance monitoring with chart skeleton placeholders and metric setup CTA, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations
Show users what their performance dashboard will look like with this empty state block. Features a gauge icon header, a skeleton chart area with animated placeholder bars, metric label slots, and a call-to-action to set up performance monitoring. Ideal for APM dashboards, Core Web Vitals panels, and application monitoring tools built with React and Next.js.
Related Components
No Uptime Checks Empty State
Empty state for uptime monitors with placeholder grid
No Metrics Empty State
Empty state for KPI metrics with placeholder cards
No Analytics Empty State
Empty state for analytics data with chart placeholder
No Error Tracking Empty State
Empty state for error monitoring with zero-errors celebration
No Alerts Empty State
Empty state for system alerts with operational status
No Reports Empty State
Empty state for reports section with generation CTA
FAQ
Was this page helpful?
Sign in to leave feedback.
No Payment Methods
A minimal empty state for payment settings with no saved cards, built with React, Next.js, shadcn/ui, and Tailwind CSS featuring a card-shaped placeholder with dashed border and add payment method CTA
No Permissions
An empty state block for when no permission rules are configured, featuring a matrix grid skeleton with checkbox placeholders and a CTA to set up permissions