@dualkit

Bilingual Arabic and English components for Gulf products: RTL-aware buttons, sheets, tabs and toasts, Gulf money, Hijri dates and Arabic digit input.

9 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://dualkit.dev/r/registry.json

pnpm pnpm dlx shadcn@latest add https://dualkit.dev/r/registry.json

bun bunx shadcn@latest add https://dualkit.dev/r/registry.json

fetch registry curl -s https://dualkit.dev/r/registry.json

Components

9 total

Dualkit base lib

Tokens, component styles, icons and the direction helpers every Dualkit component shares.

npx shadcn@latest add https://dualkit.dev/r/base.json

Amount ui

Money in all six Gulf currencies, isolated from the sentence, with Arabic-Indic digits in Arabic.

npx shadcn@latest add https://dualkit.dev/r/amount.json

Button ui

Forward and back icons flip with the reading direction; close and check never do.

npx shadcn@latest add https://dualkit.dev/r/button.json

Date display ui

Gregorian with Umm al-Qura Hijri, pinned to Gulf time.

npx shadcn@latest add https://dualkit.dev/r/date-display.json

Digit input ui

One-time code boxes that read Western, Arabic-Indic and Persian digits, typed or pasted.

npx shadcn@latest add https://dualkit.dev/r/digit-input.json

Field ui

A text field whose value keeps its own direction, so an email or IBAN stays left to right in an Arabic form.

npx shadcn@latest add https://dualkit.dev/r/field.json

Sheet ui

A modal side sheet from the inline end: right in English, left in Arabic. Traps focus and swipes back to close.

npx shadcn@latest add https://dualkit.dev/r/sheet.json

Tabs ui

WAI-ARIA tabs where the arrow keys follow the reading direction.

npx shadcn@latest add https://dualkit.dev/r/tabs.json

Toast ui

A status toast that swipes away towards the inline end and pauses on hover and focus.

npx shadcn@latest add https://dualkit.dev/r/toast.json