---
name: "@aayurt"
slug: "aayurt"
description: "Minimal, precise Himalayan-inspired React components on Radix primitives and Tailwind CSS. Buttons, overlays, tables, forms and agentic patterns you can own."
category: "AI/chat UI"
tags: ["ai", "buttons", "cards", "charts", "design-system", "forms", "hooks", "loaders", "media", "navigation", "onboarding", "overlays", "tables", "theming"]
framework: "react"
license: "MIT"
author: "aayurt"
website: "https://8848.aayurtshrestha.com.np"
github: "https://github.com/aayurt/8848-ui"
registry: "https://8848.aayurtshrestha.com.np/r/registry.json"
pro: false
pro_url: null
github_stars: 4
component_count: 39
generated_at: "2026-10-10T06:32:55.998Z"
---

# @aayurt

Minimal, precise Himalayan-inspired React components on Radix primitives and Tailwind CSS. Buttons, overlays, tables, forms and agentic patterns you can own.

## Links

- Website: https://8848.aayurtshrestha.com.np
- GitHub: https://github.com/aayurt/8848-ui
- Registry JSON: https://8848.aayurtshrestha.com.np/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/aayurt
- This file: https://sh4dcn.vercel.app/md/aayurt.md

## Install

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

## Components (39)

| name | type | description | install |
| --- | --- | --- | --- |
| utils | registry:lib | clsx + tailwind-merge class merger used by every 8848 component. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/utils.json` |
| theme | registry:file | OKLCH mountain palette, semantic light/dark colors, radii and elevation tokens. Install first, then @import it from your CSS. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/theme.json` |
| spinner | registry:ui | Standalone loading indicator in five sizes. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/spinner.json` |
| button | registry:ui | Compact expedition button (28–44px, 6–9px radii, hover lift). Mountain names plus shadcn aliases and daisyUI colors. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/button.json` |
| badge | registry:ui | Altitude-themed status badges. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/badge.json` |
| card | registry:ui | Terrain-variant container with Header/Title/Description/Content/Footer. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/card.json` |
| alert | registry:ui | Signal-beacon notice with semantic mountain variants. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/alert.json` |
| input | registry:ui | Text input and textarea with labels, hints, icons and error states. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/input.json` |
| accordion | registry:ui | Collapsible panels with rotating chevron and grid-row expand animation. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/accordion.json` |
| avatar | registry:ui | Image avatar with fallback initials and stacked AvatarGroup. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/avatar.json` |
| checkbox | registry:ui | Multi-selection check input on the Radix Checkbox primitive. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/checkbox.json` |
| command | registry:ui | CMDK command palette with dialog modal. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/command.json` |
| dialog | registry:ui | Accessible modal with backdrop blur, header/footer and close control. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/dialog.json` |
| dropdown-menu | registry:ui | Radix menu with items, groups, shortcuts and separators. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/dropdown-menu.json` |
| form | registry:ui | React Hook Form + Zod field wrapper with labels and error messages. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/form.json` |
| hover-card | registry:ui | Hover-triggered preview card for profiles and telemetry. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/hover-card.json` |
| kbd | registry:ui | Keyboard shortcut chip with keycap styling. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/kbd.json` |
| label | registry:ui | Accessible form label on the Radix Label primitive. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/label.json` |
| navigation-menu | registry:ui | Keyboard-navigable top-level nav with dropdown viewport. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/navigation-menu.json` |
| popover | registry:ui | Click-triggered floating panel for filters and actions. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/popover.json` |
| progress | registry:ui | Determinate bar with animated stripes plus indeterminate mode. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/progress.json` |
| radio-group | registry:ui | Single-select radio set on the Radix Radio Group primitive. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/radio-group.json` |
| select | registry:ui | Searchable dropdown select with animated popover. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/select.json` |
| separator | registry:ui | Theme-aware divider, horizontal or vertical. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/separator.json` |
| sheet | registry:ui | Slide-over panel (top/right/bottom/left) for inspectors and drawers. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/sheet.json` |
| skeleton | registry:ui | Loading placeholder with text, circular, rectangular and card variants. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/skeleton.json` |
| switch | registry:ui | Two-state toggle control on the Radix Switch primitive. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/switch.json` |
| table | registry:ui | Altitude-banded data table with sortable TableSortHead columns. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/table.json` |
| tabs | registry:ui | Contour tabs with line indicator and keyboard navigation. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/tabs.json` |
| toast | registry:ui | Sonner-powered toasts with high-altitude status styling. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/toast.json` |
| toggle | registry:ui | Two-state press button with outline and default variants. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/toggle.json` |
| tooltip | registry:ui | Delayed hover popup with trigger and arrow. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/tooltip.json` |
| typography | registry:ui | Expedition type scale: headings, lead, muted, blockquote, inline code. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/typography.json` |
| telemetry-chip | registry:ui | Monospace telemetry chip for altitude, tokens and latency. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/telemetry-chip.json` |
| approval-prompt | registry:ui | Human-in-the-loop authorization card for sensitive agent actions. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/approval-prompt.json` |
| execution-card | registry:ui | Real-time agent execution pipeline card with altitude milestones. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/execution-card.json` |
| executor-node | registry:ui | Status tracking node for autonomous agent workers. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/executor-node.json` |
| tool-call-inspector | registry:ui | Collapsible tool invocation panel with timing and I/O inspection. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/tool-call-inspector.json` |
| mountain-contour | registry:ui | SVG/CSS contour and topo grid background generator. | `npx shadcn@latest add https://8848.aayurtshrestha.com.np/r/mountain-contour.json` |

## For AI agents

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