Skip to content
Aurelius Black
Packs

States

Empty, loading, error and success

React 19Tailwind v4TypeScript

Choose a licence

Total
$99
Open live demo
  • Instant download after payment
  • Lifetime updates for this product
  • Full TypeScript source, no obfuscation
  • Charged in USD by Dodo Payments

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

About this product

The states that decide whether a product feels finished. Sixty-four compositions covering first-run empty, filtered-to-nothing empty, permission-denied, offline, rate-limited, partial failure, full failure, four kinds of loading, and success confirmations that do not overstate what happened. Each one comes with copy that says what happened and what to do next, because an empty state with a shrug icon and no guidance is worse than nothing. Skeletons match the real layout they stand in for, so there is no jump when content arrives. 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

$29

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

$99

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

$199

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

$399

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.