---
name: "@amarjay-ui"
slug: "amarjay-ui"
description: "Customizable UI components and interactive blocks built with React, Tailwind CSS, and shadcn/ui."
category: "Charts/data viz"
tags: ["audio", "blocks", "buttons", "cards", "charts", "forms", "media", "navigation", "overlays", "pro-available"]
framework: "react"
license: null
author: null
website: "https://ui.amarjay.com"
github: null
registry: "https://ui.amarjay.com/r/registry.json"
pro: true
pro_url: "https://ui.amarjay.com/pricing"
github_stars: null
component_count: 18
generated_at: "2026-09-21T01:50:16.753Z"
---

# @amarjay-ui

Customizable UI components and interactive blocks built with React, Tailwind CSS, and shadcn/ui.

## Links

- Website: https://ui.amarjay.com
- Registry JSON: https://ui.amarjay.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/amarjay-ui
- This file: https://sh4dcn.vercel.app/md/amarjay-ui.md
- Pro / pricing: https://ui.amarjay.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://ui.amarjay.com/r/registry.json
pnpm dlx shadcn@latest add https://ui.amarjay.com/r/registry.json
bunx shadcn@latest add https://ui.amarjay.com/r/registry.json
# fetch the raw registry index
curl -s https://ui.amarjay.com/r/registry.json
```

## Components (18)

| name | type | description | install |
| --- | --- | --- | --- |
| utils | registry:lib | Class name utility used by Amarjay UI components. | `npx shadcn@latest add https://ui.amarjay.com/r/utils.json` |
| button | registry:ui | Customizable button component. | `npx shadcn@latest add https://ui.amarjay.com/r/button.json` |
| alert | registry:ui | Callout component for important information or status. | `npx shadcn@latest add https://ui.amarjay.com/r/alert.json` |
| badge | registry:ui | Compact label for status, metadata, and counts. | `npx shadcn@latest add https://ui.amarjay.com/r/badge.json` |
| card | registry:ui | Container for grouping related content and actions. | `npx shadcn@latest add https://ui.amarjay.com/r/card.json` |
| input | registry:ui | Text field for short-form input. | `npx shadcn@latest add https://ui.amarjay.com/r/input.json` |
| avatar | registry:ui | Avatar component with image and fallback support. | `npx shadcn@latest add https://ui.amarjay.com/r/avatar.json` |
| popover | registry:ui | Floating popover component. | `npx shadcn@latest add https://ui.amarjay.com/r/popover.json` |
| dialog | registry:ui | Accessible modal dialog component. | `npx shadcn@latest add https://ui.amarjay.com/r/dialog.json` |
| dropdown-menu | registry:ui | Menu of actions triggered by a button. | `npx shadcn@latest add https://ui.amarjay.com/r/dropdown-menu.json` |
| context-menu | registry:ui | Contextual action menu for a right click or long press. | `npx shadcn@latest add https://ui.amarjay.com/r/context-menu.json` |
| slider | registry:ui | Range slider component. | `npx shadcn@latest add https://ui.amarjay.com/r/slider.json` |
| tooltip | registry:ui | Accessible tooltip component. | `npx shadcn@latest add https://ui.amarjay.com/r/tooltip.json` |
| chart | registry:ui | Composable chart primitives built on Recharts. | `npx shadcn@latest add https://ui.amarjay.com/r/chart.json` |
| audio-player | registry:block | Inline and floating audio-player controls. | `npx shadcn@latest add https://ui.amarjay.com/r/audio-player.json` |
| image-comparison-slider | registry:block | Draggable before-and-after image comparison control. | `npx shadcn@latest add https://ui.amarjay.com/r/image-comparison-slider.json` |
| chart-examples | registry:block | Bar, line, scatter, candlestick, donut, and pie chart examples. | `npx shadcn@latest add https://ui.amarjay.com/r/chart-examples.json` |
| settings-dialog | registry:block | A settings dialog with sidebar navigation and focused controls. | `npx shadcn@latest add https://ui.amarjay.com/r/settings-dialog.json` |

## For AI agents

```text
You are adding components from @amarjay-ui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/amarjay-ui.md) for the component list.
2. Fetch the machine-readable index: https://ui.amarjay.com/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: amarjay-ui).
```