Product Grid
A section title and View all link over four Product cards, two columns on a phone.
Preview
Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.
EnglishMirroredArabic
DesktopMobile
LTR →
Installation
Add the block
npx ritla add product-gridAlso works with shadcn:
npx shadcn@latest add @ritla/product-grid
Built from
The Ritla UI components this block is made of. Each is installed with it.
Arabic and RTL notes
Mirrors
- The first product is on the right; each card's badge moves to its top right and the heart to its top left.
Does not mirror
- Photos, stars and amounts never mirror.
- Numerals
- Prices and ratings follow the numerals setting.