A lightweight, copy-paste library of beautifully crafted empty, loading, error, and success states for modern web apps.
Every state your app needs, designed with care.
Get started by creating your first project.
Try a different keyword or check your spelling.
We couldn't load your data. Please try again.
The page you're looking for doesn't exist or has been moved.
Your order has been confirmed. A receipt has been sent to your email.
Tell us a bit about yourself so we can personalise your experience.
<!-- StateKit — Empty State --> <!-- Copy this block directly into your project --> <div class="sk-empty"> <div class="sk-empty-icon"> <!-- swap icon as needed --> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"> <path d="M3 7h18M3 12h18M3 17h12"/> </svg> </div> <h3>Nothing here yet</h3> <p>Get started by creating your first project.</p> <button class="sk-btn">+ Create Project</button> </div>
No build tools. No config. Just copy and use.
Components are plain HTML and CSS. Copy what you need and drop it into your project.
No frameworks or build tools required. Works with any stack or setup.
Styles are driven by CSS variables, so adjusting colors and spacing is straightforward.
Uses semantic markup and supports accessible patterns without extra setup.