---
name: "@dualkit"
slug: "dualkit"
description: "Bilingual Arabic and English components for Gulf products: RTL-aware buttons, sheets, tabs and toasts, Gulf money, Hijri dates and Arabic digit input."
category: "Forms"
tags: ["buttons", "forms", "navigation", "overlays"]
framework: "react"
license: "MIT"
author: "dualkit"
website: "https://dualkit.dev"
github: "https://github.com/dualkit/dualkit"
registry: "https://dualkit.dev/r/registry.json"
pro: false
pro_url: null
github_stars: 5
component_count: 9
generated_at: "2026-10-20T06:35:22.791Z"
---

# @dualkit

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

## Links

- Website: https://dualkit.dev
- GitHub: https://github.com/dualkit/dualkit
- Registry JSON: https://dualkit.dev/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/dualkit
- This file: https://sh4dcn.vercel.app/md/dualkit.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://dualkit.dev/r/registry.json
pnpm dlx shadcn@latest add https://dualkit.dev/r/registry.json
bunx shadcn@latest add https://dualkit.dev/r/registry.json
# clone the source repo
git clone https://github.com/dualkit/dualkit.git
# fetch the raw registry index
curl -s https://dualkit.dev/r/registry.json
```

## Components (9)

| name | type | description | install |
| --- | --- | --- | --- |
| base | registry:lib | Tokens, component styles, icons and the direction helpers every Dualkit component shares. | `npx shadcn@latest add https://dualkit.dev/r/base.json` |
| amount | registry: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 | registry: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 | registry:ui | Gregorian with Umm al-Qura Hijri, pinned to Gulf time. | `npx shadcn@latest add https://dualkit.dev/r/date-display.json` |
| digit-input | registry: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 | registry: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 | registry: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 | registry:ui | WAI-ARIA tabs where the arrow keys follow the reading direction. | `npx shadcn@latest add https://dualkit.dev/r/tabs.json` |
| toast | registry: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` |

## For AI agents

```text
You are adding components from @dualkit to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/dualkit.md) for the component list.
2. Fetch the machine-readable index: https://dualkit.dev/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: dualkit).
```