Error page
A 404 with an illustration or with a help search and popular pages, and a 500 that says the money is safe with Try again.
Preview
Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.
EnglishMirroredArabic
DesktopMobile
LTR →
Examples
404 with search
EnglishMirroredArabic
DesktopMobile
LTR →
500 server error
EnglishMirroredArabic
DesktopMobile
LTR →
Installation
Add the block
npx ritla add error-pageAlso works with shadcn:
npx shadcn@latest add @ritla/error-page
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- Text and buttons start on the right; the split layout puts the illustration on the left.
- The back arrow points right.
Does not mirror
- Error codes read 404 and 500 as written.