Empty State No Preferences
An empty state block for when no preferences have been customized, showing a toggle list skeleton with switch placeholders and a CTA to customize settings
Display a helpful empty state when all user preferences are at their defaults. Features a toggle list skeleton with ghost rows showing switch-style placeholders for various settings categories, hinting at the personalization options available. Includes a message about tailoring the experience and a CTA to start customizing. Built with shadcn/ui Button, Tailwind CSS, and motion/react for staggered entrance animations.
Related Components
Empty State No Notifications
No notifications configured state
Empty State No Custom Fields
No custom fields defined state
Empty State No Integrations
No integrations connected state
Empty State No Templates
No templates created state
Empty State No Webhooks
No webhooks registered state
Empty State No Activity Log
No activity log entries state
FAQ
Was this page helpful?
Sign in to leave feedback.
No Posts
An empty social feed state with skeleton post cards, first-update message, and create post CTA using shadcn/ui and Tailwind CSS
No Products
React empty state block for product catalogs with no items, built with Next.js, shadcn/ui, Tailwind CSS, and motion animations featuring a package icon, skeleton product card, and add product CTA