Skip to content
States, running. A real screen from the product, not an illustration.
Packs

States

Empty, loading, error and success

React 19Tailwind v4TypeScript

Choose a licence

Total
$50
Open live demo
  • Instant download after payment
  • Lifetime updates for this product
  • Full TypeScript source, no obfuscation
  • Charged in USD, tax included

Files are delivered immediately, so the right to cancel is waived at checkout. Read the refund policy before buying.

About this product

The screens that decide whether a product feels finished. There are sixty-four. Brand new and empty. Filtered down to nothing. No permission. Offline. Slow down. Half broken, and fully broken. Four kinds of loading. Success messages that do not oversell what just happened. Each one comes with words that say what happened and what to do next. An empty screen with a shrug and no guidance is worse than nothing. The loading skeletons match the real layout, so nothing jumps when content lands. This is the pack that makes everything else look considered.

What is included

  • 0164 state compositions
  • 02First-run and filtered-to-nothing empties handled separately
  • 03Permission, offline, rate-limit and partial-failure states
  • 04Skeletons that match the real layout exactly
  • 05Copy that says what to do next
  • 06Illustration set, geometric and brand-neutral
  • 07Toast, banner and inline variants
Specification
Compositions
64
Framework
React 19
Illustrations
SVG, themeable
Styling
Tailwind v4 tokens
Copy
Written, not placeholder
Format
TypeScript source
Accessibility
Live regions handled

Release history

  • 1.0.020 Aug 2026Initial release.
Licence comparison

Which licence you need.

Personal

$10

One personal project. Not for client or commercial work.

  • Use in one personal, non-commercial project
  • Unlimited local modification of the source
  • Lifetime access to updates for the purchased product
  • No client work, and no use inside a business
  • No redistribution of the source, modified or not
  • One developer

Commercial

$50

Client work and business use, inside one company.

  • Use in unlimited projects for one company or as one freelancer
  • Use in paid client work, where the client is the end user
  • Unlimited end users of the finished application
  • Lifetime access to updates for the purchased product
  • The source may not be redistributed as source
  • Not for products where the template itself is what is being sold
  • Up to five developers inside the one company

Extended

$100

Redistribute inside a product you sell, such as a SaaS or app.

  • Everything in Commercial
  • Redistribution of compiled output inside a product you sell
  • Use in a product where end users receive the interface as part of a paid service
  • Use across unlimited companies you own
  • The source may still not be sold or given away as source
  • Not for building a competing template or component marketplace

Team

$200

One whole company or agency. Unlimited seats.

  • Everything in Extended
  • Unlimited developers inside one organisation
  • Use across every client and every internal project
  • Internal distribution of the source to employees and contractors
  • One legal entity, including its wholly owned subsidiaries
  • The source may not leave the organisation

Unsure which applies? The full licence terms spell out every case in plain language. If your situation is not covered there, email us and we will tell you straight.