Alert Dialog
An irreversible action: cancel first, and no outside click closes it
Feedback
Feedback: 14 designs across 2 families — Feedback · Overlays — Arabic-first components in both directions and both themes, with ready code and prompts
Designs
Four-level Alert Banners
Colour never carries the meaning alone — each level has an icon and a role
Type-to-Confirm Delete
The button unlocks only when the resource name is typed exactly
First-run Empty State
A deliberate blank: explains the value and offers one step
Error with Backoff Retry
The wait doubles with each attempt, and it is capped
Inline Field Validation
An error bound to its field via aria-describedby, announced exactly once
No Results with an Exit
Shows the filters that narrowed the result and lets you drop them one by one
Offline with a Queue
Holds what could not be sent and flushes it when the network returns
Multi-file Progress
An overall percentage weighted by size, not by file count
Loading Skeleton
Reserves the real content’s box so the page does not jump when it arrives
Success with a Next Step
Does not stop at “done” — it gives the reference and what comes next