Blocks · App screens

Dashboard shell

The frame of a signed-in app: top bar with search and the account menu, a side column on wide screens, a bottom bar on a phone.

Preview

Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.

Installation

Opens at launchInstalling from the registry opens at launch. Until then, these are the commands you will run.
npx ritla add dashboard-shell

Also works with shadcn: npx shadcn@latest add @ritla/dashboard-shell

Pricing ›

Built from

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

Arabic and RTL notes

Mirrors

  • The side column stands on the right in Arabic and the account menu opens toward the inside.

Does not mirror

  • Icons in the navigation do not flip, except directional ones.