Empty state & error UI inspiration

Explore interface references for empty screens, missing content and errors. Study how products explain the current situation and give someone an appropriate next step.

Empty & error states

Explore creative 404 page designs.
A beautiful replacement for JavaScript's 'alert' SweetAlert Guides Docs Donate A beautiful replacement for success messages npm install sweetalert You've arrived!

Using these references

Distinguish a first-use empty state from a failed request or an unavailable result. Explain what happened in plain language, preserve useful context and offer a recovery action that matches the cause. Decorative artwork should support the message.