Skip to content
ENالعربية

Features section

Get Ritla UI

A heading and its features: a three-column icon grid, rows whose picture swaps sides, cards with a picture, or a checklist beside a product screen.

Open in Figma

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

Alternating rows

EnglishMirroredArabic
DesktopMobile
LTR →

Cards with illustration

EnglishMirroredArabic
DesktopMobile
LTR →

Checklist with screen

EnglishMirroredArabic
DesktopMobile
LTR →

Installation

  1. Add the block

    npx ritla add features-section

    Also works with shadcn: npx shadcn@latest add @ritla/features-section

Pricing

Built from

The Ritla UI components this block is made of. Each is installed with it.

Arabic and RTL notes

Mirrors

  • The grid and cards start on the right; in alternating rows the first picture sits on the left.
  • The product screen bleeds off the left edge; check marks lead each item on the right.

Does not mirror

  • Feature icons and the check mark.