Shadcn.io is not affiliated with official shadcn/ui
Empty State No API Keys
React empty state block for API key management with no keys generated, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations with a terminal-style code layout
Prompt developers to generate their first API key with this terminal-inspired empty state block. Features a monospace code-style placeholder showing a sample key format, a clear explanation of key-based authentication, and a prominent CTA to create a new key. Ideal for developer platforms, SaaS dashboards, and API management panels built with React and Next.js.
Related Components
No Webhooks
Empty state for webhook configuration
No Deployments
Empty state for deployment history
No Environments
Empty state for environment setup
No Logs
Empty state for application logs
No Integrations
Empty state for third-party integrations
No Audit Trail
Empty state for audit log entries
FAQ
Was this page helpful?
Sign in to leave feedback.
No Announcements
An empty announcements feed state with a megaphone icon, timeline placeholder, and create announcement CTA using shadcn/ui and Tailwind CSS
No Archived Items
React empty state block for archive sections showing a folder-based list skeleton with muted styling, a message about archived items being stored here, and a CTA to browse active items built with Next.js, shadcn/ui, Tailwind CSS, and motion animations