0.1.13

npm

@0xayushm/agent-ui

> Reusable, composable, and accessible dashboard components powered by [shadcn/ui](https://ui.shadcn.com/), [Radix UI](https://www.radix-ui.com/), and [Tailwind CSS](https://tailwindcss.com/).

Published15 Jul 2025

Direct dependencies42

Transitive dependenciesNot calculated

README

Current package documentation

🧩 @0xayushm/agentui — Dashboard UI Component Library

Reusable, composable, and accessible dashboard components powered by shadcn/ui, Radix UI, and Tailwind CSS.

🚀 Why AgentUI?

After building multiple dashboards for our product BrewMyAgent and side projects, I realized I was recreating the same components over and over — buttons, cards, toasts, layouts... the whole drill.

So I created this library to:

📦 Package the components I was using again and again
🧱 Provide a solid base for any AI or analytics dashboard
🔁 Save dev hours with reusable UI logic
🌙 Support dark/light mode by default

✨ Features

Built with Next.js + shadcn/ui
Styled using TailwindCSS
Composed using Radix Primitives
Shipped via tsup in both ESM and CJS formats
TypeScript-first with auto-generated .d.ts
Works with Storybook for isolated previews
Easily customizable — bring your own theme

📦 Installation

npm install @0xayushm/agentui

Then import components in your app:

import { DashboardShell, AgentCard } from "@0xayushm/agentui"

🧪 Storybook

npm run storybook

Browse your components locally at: http://localhost:6006

📁 Usage Example

import { DashboardShell, AgentCard } from "@0xayushm/agentui"

export default function DashboardPage() {
  return (
    <DashboardShell>
      <AgentCard
        name="Finance Agent"
        description="Categorizes your transactions"
        status="active"
      />
    </DashboardShell>
  )
}

🛠️ Development

Clone and build locally:

git clone https://github.com/0xayushm/agentui.git
cd agentui
npm install
npm run build

📚 Docs & Contribution

This library is under active development and open to contributions!

🧩 Browse components in Storybook

📖 Read the Blog Post on how it was built

🙌 PRs are welcome!

Planning to add: Charts, Tables, AI prompts UI, Settings Panels — and more.

git clone https://github.com/0xayushm/agentui.git
cd agentui
npm install
npm run build

📚 Docs & Contribution

This library is under active development and open to contributions!

🧩 Browse components in Storybook
📖 Read the Blog Post on how it was built
🙌 PRs are welcome!

Planning to add: Charts, Tables, AI prompts UI, Settings Panels — and more.

⭐ Found it useful?

🌟 Star this repo
📥 Share with dev friends
💡 Contribute your own component!

Let’s build clean UIs, together. 🚀

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 42

Native requirements

42 direct targetsNot calculated transitive count

Package / target	Requirement	Relationship
clsx Environment { "local_name": "clsx", "alias": false, "peer_metadata": null }	`^2.1.1`	runtime
next Environment { "local_name": "next", "alias": false, "peer_metadata": null }	`15.3.5`	runtime
react Environment { "local_name": "react", "alias": false, "peer_metadata": null }	`^19.0.0`	runtime
sonner Environment { "local_name": "sonner", "alias": false, "peer_metadata": null }	`^2.0.6`	runtime
recharts Environment { "local_name": "recharts", "alias": false, "peer_metadata": null }	`^3.1.0`	runtime
react-dom Environment { "local_name": "react-dom", "alias": false, "peer_metadata": null }	`^19.0.0`	runtime
next-themes Environment { "local_name": "next-themes", "alias": false, "peer_metadata": null }	`^0.4.6`	runtime
lucide-react Environment { "local_name": "lucide-react", "alias": false, "peer_metadata": null }	`^0.525.0`	runtime
tailwind-merge Environment { "local_name": "tailwind-merge", "alias": false, "peer_metadata": null }	`^3.3.1`	runtime
@radix-ui/react-slot Environment { "local_name": "@radix-ui/react-slot", "alias": false, "peer_metadata": null }	`^1.2.3`	runtime
@radix-ui/react-label Environment { "local_name": "@radix-ui/react-label", "alias": false, "peer_metadata": null }	`^2.1.7`	runtime
@tanstack/react-table Environment { "local_name": "@tanstack/react-table", "alias": false, "peer_metadata": null }	`^8.21.3`	runtime
@radix-ui/react-avatar Environment { "local_name": "@radix-ui/react-avatar", "alias": false, "peer_metadata": null }	`^1.1.10`	runtime
@radix-ui/react-popover Environment { "local_name": "@radix-ui/react-popover", "alias": false, "peer_metadata": null }	`^1.1.14`	runtime
@radix-ui/react-checkbox Environment { "local_name": "@radix-ui/react-checkbox", "alias": false, "peer_metadata": null }	`^1.3.2`	runtime
@storybook/addon-postcss Environment { "local_name": "@storybook/addon-postcss", "alias": false, "peer_metadata": null }	`^2.0.0`	runtime
class-variance-authority Environment { "local_name": "class-variance-authority", "alias": false, "peer_metadata": null }	`^0.7.1`	runtime
react-syntax-highlighter Environment { "local_name": "react-syntax-highlighter", "alias": false, "peer_metadata": null }	`^15.6.1`	runtime
@radix-ui/react-dropdown-menu Environment { "local_name": "@radix-ui/react-dropdown-menu", "alias": false, "peer_metadata": null }	`^2.1.15`	runtime
tsup Environment { "local_name": "tsup", "alias": false, "peer_metadata": null }	`^8.5.0`	development
vitest Environment { "local_name": "vitest", "alias": false, "peer_metadata": null }	`^3.2.4`	development
postcss Environment { "local_name": "postcss", "alias": false, "peer_metadata": null }	`^8.5.6`	development
storybook Environment { "local_name": "storybook", "alias": false, "peer_metadata": null }	`^9.0.16`	development
playwright Environment { "local_name": "playwright", "alias": false, "peer_metadata": null }	`^1.53.2`	development
typescript Environment { "local_name": "typescript", "alias": false, "peer_metadata": null }	`^5`	development
@types/node Environment { "local_name": "@types/node", "alias": false, "peer_metadata": null }	`^20`	development
tailwindcss Environment { "local_name": "tailwindcss", "alias": false, "peer_metadata": null }	`^3.4.17`	development
@types/react Environment { "local_name": "@types/react", "alias": false, "peer_metadata": null }	`^19`	development
autoprefixer Environment { "local_name": "autoprefixer", "alias": false, "peer_metadata": null }	`^10.4.21`	development
tw-animate-css Environment { "local_name": "tw-animate-css", "alias": false, "peer_metadata": null }	`^1.3.5`	development
@vitest/browser Environment { "local_name": "@vitest/browser", "alias": false, "peer_metadata": null }	`^3.2.4`	development
@types/react-dom Environment { "local_name": "@types/react-dom", "alias": false, "peer_metadata": null }	`^19`	development
@vitest/coverage-v8 Environment { "local_name": "@vitest/coverage-v8", "alias": false, "peer_metadata": null }	`^3.2.4`	development
tailwindcss-animate Environment { "local_name": "tailwindcss-animate", "alias": false, "peer_metadata": null }	`^1.0.7`	development
@tailwindcss/postcss Environment { "local_name": "@tailwindcss/postcss", "alias": false, "peer_metadata": null }	`^4`	development
@storybook/addon-a11y Environment { "local_name": "@storybook/addon-a11y", "alias": false, "peer_metadata": null }	`^9.0.16`	development
@storybook/addon-docs Environment { "local_name": "@storybook/addon-docs", "alias": false, "peer_metadata": null }	`^9.0.16`	development
@storybook/nextjs-vite Environment { "local_name": "@storybook/nextjs-vite", "alias": false, "peer_metadata": null }	`^9.0.16`	development
@storybook/addon-vitest Environment { "local_name": "@storybook/addon-vitest", "alias": false, "peer_metadata": null }	`^9.0.16`	development
@chromatic-com/storybook Environment { "local_name": "@chromatic-com/storybook", "alias": false, "peer_metadata": null }	`^4.0.1`	development
@storybook/addon-actions Environment { "local_name": "@storybook/addon-actions", "alias": false, "peer_metadata": null }	`^9.0.8`	development
@types/react-syntax-highlighter Environment { "local_name": "@types/react-syntax-highlighter", "alias": false, "peer_metadata": null }	`^15.5.13`	development

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

{
  "shasum": "7aafc83d4f107f088b9a4e398d6ecd906cacec08",
  "tarball": "https://registry.npmjs.org/@0xayushm/agent-ui/-/agent-ui-0.1.13.tgz",
  "fileCount": 67,
  "integrity": "sha512-soXmgeXxUTphAFpO8LH67QFnn5agU2S+WlU405d85YBk6uYxxn0kbR2g/dreSRXobLszEOp42UAgGTtzg8yvMQ==",
  "signatures": [
    {
      "sig": "MEUCIQDELF7QDowxhMW5gAUjEI/seSjl7wivScM0RvFF+eD+IQIgdX8fourJeaZHO8GTXNymUPSrp9O3dM76513h5/3WnoM=",
      "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
    }
  ],
  "unpackedSize": 186705
}

Metadata history

Meaningful changes

Current collected state Current

Observed since 20 Oct, 22:40 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:1d451b7b0b33ec7e2eff56dee70d5fce35c7d9ea3871c2239674008bfe268b45

Other collected versions

0.1.2015 Jul 0.1.1915 Jul 0.1.1715 Jul 0.1.1615 Jul 0.1.1415 Jul 0.1.1210 Jul View all collected versions →