Empty State
Empty states with dashed borders and clear visual hierarchy. Guide users when there is no content to display.
Basic Empty State
Your inbox is empty. When you receive messages, they will appear here.
Animated: Path Drawing
Icon paths are drawn sequentially using framer-motion pathLength animation.
Your inbox is waiting for its first message. Start a conversation!
Animated: Spring Bounce
Icon appears with a spring animation and rotation effect.
Get started by creating your first project. Projects help you organize your work.
Animated: Pulse Effect
Icon pulses continuously to draw attention.
We could not find anything matching your search. Try adjusting your filters or search terms.
Animated: Repeating Arrow
Upload arrow animates upward repeatedly to indicate the drop zone.
Drag and drop files or click to browse. Supported formats: PNG, JPG, PDF.
Animated: Floating
Icon gently floats up and down like a cloud.
Unable to connect to the server. Please check your internet connection and try again.
Animated: Slide In
Icon slides in with a spring animation.
Looks like you have not added anything to your cart yet. Start shopping to fill it up!
Animated: Shake
Bell icon shakes periodically like a notification.
You are all caught up! New notifications will appear here.
Animated: Sequential Draw
File icon draws first, then the question mark appears with a pop effect.
The page you are looking for does not exist or has been moved.
Simple Text Only
This section is empty. Content will appear here once available.